﻿
a img.imgAddSelector
{
	margin-top: 15px; *margin-top:29px;
background-color:transparent;
background-image:url(../img/iconAnyadir.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0pt0pt;
width:18px;
height:18px;
vertical-align:text-bottom;
cursor:pointer;
}

a:hover img.imgAddSelector
{
	background-position: 0pt -25px;
}

a img.imgRemoveSelector
{
background-color:transparent;
background-image:url(../img/iconBorrar.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0pt0pt;
width:18px;
height:18px;
vertical-align:text-bottom;
cursor:pointer;
}

.Usuarios  .small  div
{
	line-height:18px;
}

a:hover img.imgRemoveSelector
{
	background-position: 0pt -25px;
}

.imagenAsociada div.divAccionFicha
{
	float: right;
	width: 20px;
	height: 50px;
	background-color: #f0f0f0;
}

div.subNav td.activoMenuMorado
{
	background-color: transparent;
	background-image: url(../img/activoSubMenu.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	display: block;
	height: 18px;
	padding: 10px 20px;
	padding-left: 10px;
}

/*div.subNav td.nav1 activoMenuMorado
{
	margin-left: 15px;
	background:transparent url(../img/bgSubNavLi.gif) no-repeat scroll left center;
}*/
div.hackMascara
{
	padding: 0 0 20px 0;
	width: 100%;
}

/*----- ADD TO GNOSS  ---------*/

.anyadir div.login
{
	width: 200px;
	margin: 10px;
}
.anyadir div.login label
{
	display: block;
}

.anyadir div.login input
{
	width: 180px;
}

.anyadir div.anyadirGnoss
{
	padding-bottom: 30px;
}


.anyadir div.anyadirBase ul
{
	margin-left: 60px;
}
.anyadir div.anyadirBase ul ul
{
	margin-left: 30px;
}

.anyadir div.anyadirBase label.btGris
{
	margin: 30px 0 30px 220px;
}

div.anyadirGnoss label
{
	display: block;
	width: auto;
}

div.anyadirGnoss input
{
	width: 640px;
}

div.anyadirGnoss textarea
{
	width: 640px;
	overflow: auto;
}

.anyadir .wrap710 .textBox p span
{
	color: inherit;
	font-size: inherit;
}

/*------------------------------*/


/*LOZA : Necesario para que las fichas se muestren correctamente (al introducir el div.hackMascara*/
.imagenAsociada div.hackMascara div.multiFuncion
{
	width: 580px;
	float: right;
	display: inline;
}
/*---------------------------------------------------------------------------------------------------------*/

.TipoEnlace
{
	color: #477ca8;
}

button.ui-datepicker-trigger
{
	background: url(../img/iconCalendario.gif) top no-repeat;
	width: 23px;
	height: 24px;
	border: 0;
}


/** REGION PARA QUE SE OCULTEN LAS IMAGENES AL SALIR LOS POP-UPS  **/
#cabecera
{
	z-index: 0;
}
.miniSnapshot, .miniSnapshot2
{
	position: relative;
	display: block;
	z-index: 0 !important;
}
/*PROBLEMA IE*/

.miniSnapshot, .miniSnapshot2
{
	position: relative;
	width: 54px;
	height: 54px;
	overflow: hidden;
}
/*PROBLEMA IE*/

.miniSnapshot a, .miniSnapshot2 a
{
	position: absolute;
	width: 54px;
	height: 54px;
	background: url(../img/mascFotoPerfilBlanca.png) no-repeat;
	top: 0;
	left: 0;
	cursor: pointer;
	text-indent: -100000px;
}

.miniSnapshot2 a
{
	position: absolute;
	width: 54px;
	height: 54px;
	background: url(../img/mascFotoPerfilOscura.png) no-repeat !important;
	top: 0;
	left: 0;
	cursor: pointer;
	text-indent: -100000px;
}


/*.miniSnapshot a {
	position:absolute;
	width:54px;
	height:54px;
	background:url(../img/mascFotoPerfil.png) no-repeat;

	left:0;
	cursor:pointer;
	text-indent:-100000px;
	
}*//*PROBLEMA IE*/


/** Fin region **/

/* LOZA : Arreglo de mascara en popups oscuros para IE6;*/
.capaModal .mascara
{ *position:absolute!important;
*top:0px;
*left:0px;
*width:expression(document.getElementById("aspnetForm").offsetWidth);
}
#capaModal .mascara
{ *position:absolute!important;
*top:0px;
*left:0px;
*width:expression(document.getElementById("aspnetForm").offsetWidth);
}
/*-------------------------------------------------------*/


/*LOZA : Arreglo para mostrar bien las fichas en la pantalla de usuarios*/
.myGnoss .wrap710 h2
{ *margin:0px!important;
*margin-bottom:0px!important;
}
.myGnoss h2
{ *margin-bottom:0px!important;
*width:665px;
}

#ctl00_CPH1_listadoUsuariosUsu
{ *width:665px;
*margin:0px;
}
#ctl00_CPH1_listadoUsuariosEdit
{ *width:665px;
*margin:0px;
}
#ctl00_CPH1_listadoUsuariosAdm
{ *width:665px;
*margin:0px;
}
/*--------------------------------------------------*/

/*LOZA : para mostrar botones de invitacion en IE6*/
.contactos .imagenAsociada div.funciones label, .invitaciones .imagenAsociada div.funciones label
{ *position:relative!important;
}
/*--------------------------------------------------------------------------*/



/*LOZA : Estilo para mostrar bien el tiny cuando se redacta un mensaje*/
#redactarMensaje .mceEditor
{
	clear: right;
	float: right;
	position: relative;
	width: 460px;
	margin-right: 8px;
}
/*----------------------------------------------------------------------*/




/*LOZA : Estilo para mostrar bien los contenidos editados desde el tiny*/

.TextoTiny ul
{
	list-style-image: none;
	list-style-position: inside;
	list-style-type: disc;
}
.TextoTiny ul li
{
	overflow:visible;
	background: none;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-bottom: 5px;
}
.TextoTiny ol
{
	list-style-image: none;
	list-style-position: inside;
	list-style-type: decimal !important;
}
.TextoTiny ol li
{
	overflow:visible;
	background: none;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-bottom: 5px;
}

.myGnoss div.loginCom fieldset
{
	width: 280px;
	padding-bottom: 30px;
}

.myGnoss div.loginCom
{
	width: 365px;
}

.myGnoss div.loginCom input
{
	width: 250px;
}
.myGnoss div.loginCom label#loginComunidad
{
	margin-top: 51px;
}
.myGnoss div.botonesLogin
{
	float: right;
	display: inline;
	width: 200px;
	margin-top: 20px;
	text-align: right;
}

.myGnoss p.botonesLogin
{
	float: left;
	width: 440px;
	display: inline;
	margin-top: 20px;
}

.gnoss div.loginCom fieldset
{
	width: 280px;
	padding-bottom: 30px;
}

.gnoss div.loginCom
{
	width: 365px;
}

.gnoss div.loginCom input
{
	width: 250px;
}
.gnoss div.loginCom label#loginComunidad
{
	margin-top: 51px;
}
.gnoss div.botonesLogin
{
	float: right;
	display: inline;
	width: 200px;
	margin-top: 20px;
	text-align: right;
}

.gnoss p.botonesLogin
{
	float: left;
	width: 440px;
	display: inline;
	margin-top: 20px;
}

/*---------------------------------------------------------------------*/



/*JAVIER : Capa blanca que ocupa la pagina para no poder interactuar mientras sale el updateprogress (relojillo)*/
#mascaraBlanca
{
	background: transparent none repeat scroll 0 0;
	left: 0;
	opacity: 0.0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000; /*height:expression(document.getElementById("aspnetForm").offsetHeight);*/
}

ul.descargarArchivosPlantilla
{
    z-index: 10;
    top: 0;
    font-size: 0.9em;
    text-align: left;
    margin-top: 1px;
    background: #E6E6E6;
    padding: 5px 10px 10px;
    border: 1px solid #D9D9D9;
}

li.descargarArchivosPlantilla
{
	padding-bottom: 2px;
    border-bottom: 1px solid #D9D9D9;
    margin: 0 0 2px 0 !important;
    background: none !important;
    overflow: visible !important;
}

div.descargarArchivosPlantilla
{
	position: relative;
    float: right !important;
    display: inline;
    width: auto !important;
}
/*---------------------------------------------------------------------------------------------------------------*/




/*LOZA : Estilo para mostrar el redondeado de las fotos del perfil en las panallas de enviar invitaciones*/
.listaContactos span.fotoPerfil a /*, .miniSnapshot a */
{
	background: transparent url(../img/mascFotoPerfilClara.png) no-repeat scroll 0%;
}
/*--------------------------------------------------------------------------------------------------------*/


/*LOZA : Estilo para mostrar correctamente las fichas selector identidades en invitaciones y permitir ocultarlas con javascript*/

div.pestanyaContactos .listaContactos
{
	margin: 15px 0pt 0pt 5px;
	width: 290px;
	min-height: 100px;
	float: left;
}

flotarLeft
{
	float: left;
}

div.pestanyaContactos .contactos div.floatLeft
{
	width: 226px;
}

div.flotarLeft img
{
	float: left;
}

/*--------------------------------------------------------------------------------------------------------------*/


/*LOZA : Estilo para mostrar redondeado grande en las paginas de inicio de comunidad*/
span.fotoPerfilGrande
{
	display: block;
	position: relative;
	height: 150px;
	width: 150px;
}
span.fotoPerfilGrande img
{
	height: 150px;
	width: 150px;
}
span.fotoPerfilGrande a
{
	background: transparent url(../img/mascFotoPerfilGrande.png) no-repeat scroll 0%;
	height: 150px;
	width: 150px;
	position: absolute;
	text-indent: -10000px;
	top: 0pt;
	left: 0pt;
}
/*-----------------------------------------------------------------------------------*/


/*LOZA : Estilo para mostrar divs como si fuesen listas para lso avisos legales en IE*/
div.imitaLista
{
	padding-left: 20px;
	margin: 5px 0px 5px 40px;
	background: url(../img/dotListadoGris.gif) no-repeat left 5px;
}
/*----------------------------------------------------------------------------------*/




/*Loza : Prueba para horizontal menu mejor*/
/*
<div class="MenuLoza">
<table cellspacing="0" cellpadding="0"><tbody><tr><td>
<div class="PastillaMenuLoza"><a href="">Texto Pastilla</a></div>
<div class="PastillaMenuLoza"><a href="">Texto Pastilla2</a></div>
<div class="PastillaMenuLoza"><a href="">Texto Pastilla4</a></div>
<div class="PastillaMenuLoza"><a href="">Texto Pastilla5</a></div>
<div class="PastillaMenuLoza"><a href="">Texto Pastilla6</a></div>
<div class="PastillaMenuLoza"><a href="">Texto Pastilla7</a></div>
<div class="PastillaMenuLoza"><a href="">Texto Pastilla8</a></div>
</td></tr></tbody></table>
</div>

.MenuLoza
{
	width:700px;
	background:transparent url(../img/bgSubMenu.gif) repeat-y scroll center 1px;
	padding: 0px 5px;
}

.PastillaMenuLoza
{
	float:left;
	height:38px;
	background-image:url(../img/bgSubNavLi.gif);
	background-repeat:no-repeat;
	background-position:left center;
	display:table;
	text-align:center;
	padding-left:10px;
}

.MenuLoza .PastillaMenuLoza a
{
	display:table-cell;
	vertical-align:middle;
	background-image:url(../img/activoSubMenu.gif);
	background-repeat:no-repeat;
	background-position:right center;
	color:White;
	padding-right:10px;
}






.MenuLoza
{
	width:700px;
	background:transparent url(../img/bgSubMenu.gif) repeat-y scroll center 1px;
	padding: 0px 5px;
}

.PastillaMenuLoza
{
	float:left;
	background-image:url(../img/bgSubNavLi.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	width:100px;
}

.PastillaMenuLoza div
{
	height:38px;
	display:table;
	float:left;
	background-image:url(../img/activoSubMenu.gif);
	background-repeat:no-repeat;
	background-position:right center;
	width:100px;
}

.MenuLoza .PastillaMenuLoza a
{
	display:table-cell;
	vertical-align:middle;
	color:White;
	
	*line-height:19px;
}

.MenuLoza .PastillaMenuLoza a:hover {
color:#D5D6DD;
text-decoration:none;
}


/*
<div class="MenuLoza">
<table cellspacing="0" cellpadding="0"><tbody><tr><td>
<div class="PastillaMenuLoza"><div><a href="">Texto Pastilla</a></div></div>
<div class="PastillaMenuLoza"><div><a href="">Texto Pastilla2</a></div></div>
<div class="PastillaMenuLoza"><div><a href="">Texto Pastilla4</a></div></div>
<div class="PastillaMenuLoza"><div><a href="">Texto Pastilla5</a></div></div>
<div class="PastillaMenuLoza"><div><a href="">Texto Pastilla659824567J.L.</a></div></div>
<div class="PastillaMenuLoza"><div><a href="">Texto Pastilla7</a></div></div>
<div class="PastillaMenuLoza"><div><a href="">Texto Pastilla8</a></div></div>
</td></tr></tbody></table>
</div>
*/
/*------------------------------------------------------------------------------------*/


/**/
#nuevoBlog div.addCategoria 
{
	width:500px;
}
#nuevoBlog .anyadirCategorias label
{
	display:inherit;
}

#nuevoBlog .anyadirCategorias span label
{
	*display:inline;
}

/**/

/**/
.blogOpciones .anyadirCategorias label
{
	display:inherit;
}
/**/

/*-----------------------------------------------------------------------------------*/


/*Castillo : para que en las paginas de editar perfil los radiobuton no cojan ningun estilo e*/
#panSeleccionarCaducidadResulSusc input
{
	 width: auto !important;
}

#panSeleccionarCaducidadResulSuscProfesional input
{
	 width: auto !important;
}

/*----------------------------------------------------------------------------------*/

/**/
.explicacion
{
	color:#8186BD;
	margin: 5px 0px;
}
/**/

/*Estilos del selector de categorias en javascript*/
div#divSelCatTesauro label
{
	margin-left:5px;
}
div#divSelCatLista label
{
	margin-left:5px;
}
/*------------------------------------------------*/

/*LOZA : Estilos para las fichas de solicitudes en administrar miembros de la comunidad*/
div.ContenedorFichasSolicitudes
{
	padding:10px !important;
}
div.ContenedorFichasSolicitudes .listaContactos
{
	float:left;
	margin:15px 0pt 0pt 5px;
	min-height:100px;
	width:315px;
}

div.ContenedorFichasSolicitudes .listaContactos input.floatLeft
{
	margin-right:5px;
}

div.ContenedorFichasSolicitudes .listaContactos div
{
	width:240px;
}

/*-------------------------------------------------------------------------------------*/



/*Estilos para mostrar bien las fichas de miembros de comunidad en la pantalla de administrar miembros de la comunidad*/
.contendorFichasMiembros div.listaContactos
{
	float:left;
	display:block;
	width:310px;
	margin-right:20px;
	min-height:200px;
}

.contendorFichasMiembros div.listaContactos div.clear
{
	display:inline;
}

.contendorFichasMiembros div.listaContactos h3
{
	background:transparent url(../img/sepHz.gif) repeat-x scroll center bottom;
	padding-top:0px;
}

.contendorFichasMiembros div.listaContactos h3 a:hover
{
	text-decoration:none;
}

.contendorFichasMiembros div.listaContactos div.editarElemento img
{
	float:none;
}

.contendorFichasMiembros div.listaContactos span span.fotoPerfil
{
	float:left;
	margin-top:10px;
}

.contendorFichasMiembros div.listaContactos span span.fotoPerfil a
{
	background:transparent url(../img/mascFotoPerfil.png) no-repeat scroll 0%;
	cursor:pointer;
	height:54px;
	left:0pt;
	position:absolute;
	text-indent:-100000px;
	top:0pt;
	width:54px;
}

.contendorFichasMiembros div.listaContactos div.floatLeft
{
	width:215px;
	margin:10px 0px 0px 10px;
}

.contendorFichasMiembros div.listaContactos div.hackMascara
{
	display:block;
	float:left;
	padding:0pt 0pt 40px;
	width:100%;
}


.autocomplete-load
{
	background: window url( '../images/indicator.gif' ) no-repeat scroll right center;
}

.listaAutocomplete
{
	/*padding-left: 100px;*/
	margin: 0px;
	
	/*background-color: #FFF;
	border-color: #CCC;
	border-style: none solid solid;
	border-width: medium 1px 1px;*/
	
	/*top:418px !important;
	position:static !important;
	left:600px !important;*/
	z-index: 1002;
	text-align: left;
}

.listaAutocomplete li
{
	padding: 1px 0px 1px 2px;
	list-style-type: none;
	border-top: solid 1px #CCC;
	cursor: pointer;
	 /*background-color:Transparent !important;*/
	 background-image:none !important;
}

.listaAutocomplete li:hover
{
	background-color: #ffc000;
}

.listaAutocomplete li.achover
{
	background-color: #ffc000;
}

.listItem
{
	background-color: #ffffff !important;
}

.itemHighlighted
{
	background-color: #ffc000 !important;
	font-weight: bold;
} 
	 
.listaAutocompleteALaDerecha
{
	/*left:970px !important;
	top:inherit !important;
	width: 250px !important;*/
}

/*--------------------------------------------------------------------------------------------------------------------*/

/*
	CLASE PARA PODER MOSTRAR BOTONES ANCHOS EN LAS MASCARAS CANCELAR DE COMUNIDADES
*/
label.botonlargoMascara
{
	background:transparent url(../img/btAzulIzq.png) no-repeat scroll 0 0 !important;
}

label.botonlargoMascara a
{
	background:transparent url(../img/btAzulDer.png) no-repeat scroll 100% 0 !important;
}

/*IMAGEN DE GNOSS DEL PIE EN LAS COMUNIDADES*/
a.enlaceGnossPieComunidades
{
	width:87px;
	height:26px;
	display:block;
	margin-left:40px;
}
/*------------------------------------------*/

/* LISTA DE FACTORES VINCULADOS (HIJOS)*/
ul.listadoFactoresHijos
{
	margin-left:20px;
}
/**/


/*Estilo para que el contenido de los documentos no sobrepase la anchura cuando se muestran en dos columnas (inicio de la comunidad)*/
div.contenedor355  div.TextoTiny
{
	width:250px;
	overflow:hidden;
}

/**/
div.EstadoDafo0
{
	width:31px;
	height:31px;
	background-image:url('../img/EstadoDafo0.png');
}
div.EstadoDafo1
{
	width:31px;
	height:31px;
	background-image:url('../img/EstadoDafo1.png');
}
div.EstadoDafo2
{
	width:31px;
	height:31px;
	background-image:url('../img/EstadoDafo2.png');
}
div.EstadoDafo3
{
	width:31px;
	height:31px;
	background-image:url('../img/EstadoDafo3.png');
}
/**/


div.panelOcultar
{	
    padding: 8px 0pt 0pt;
}