/*                                                                                       Do the reset!
------------------------------------------------------------------------------------------------------
*/

* { 
    padding: 0; 
    margin: 0;
    line-height: 1.3em;
}

/*Hace que el texto en safari y chrome sea del mismo tamaño que en IE y firefox*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	*
	{
		line-height: 1.4em;
	}
}

/*                                                                     Elementos definidos globalmente
------------------------------------------------------------------------------------------------------
*/
.beta 
{
	background:url(../img/beta.gif) no-repeat 0 0;	width:51px;	height:20px;	position:absolute;	top:0;	left:175px;	display:block;	text-indent:-100000px;	
}

body 
{    
	font: normal 71%/1.3em  "Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif;
    color: #4C4C4C;
	background:#E6E7E8 url(../img/bgBody.jpg) repeat-x top;
    text-align: center;
}

a {
    color: #477CA8;
	text-decoration:none;
}


a:hover {
    text-decoration: underline;
}

a img {
    border: 0;
	outline:none;
}

.icoEliminar img {
    width: 18px;
    height: 18px;
    margin: 0 1px;
    background: url(../img/iconBorrar.gif) no-repeat 100% 0;
    vertical-align: middle;
    cursor: pointer;
}

/********  AGREGADO POR RIAM *******/

img.icoDelete  {
    width: 18px;
    height: 18px;
    margin: 0 1px;
    background: url(../img/iconBorrar.gif) no-repeat 100% 0;
    vertical-align: middle;
    cursor: pointer;
}

/**********no lo borres en la fusión Juan********/

a.icoEliminar:hover,
.icoEliminar a:hover {
    text-decoration: none;   
    cursor: pointer; 
}

a.icoEliminar:hover img,
.icoEliminar a:hover img {
    background-position: 100% -25px;
}

/*                                                                         Headings y bloques de texto
------------------------------------------------------------------------------------------------------
*/
#cabecera h1 a {
    display:block;
	text-indent:-50000px;
    position:absolute;	
    overflow: hidden;
}
.gnoss h1 a{
	background:url(../img/logoGnoss.gif) no-repeat;
	width:152px;
	height:38px;
	top:30px;
	left:15px;
}

.myGnoss h1 a{
	background:url(../img/logoMyGnoss.gif) no-repeat;
	width:143px;
	height:33px;
	top:30px;
	left:15px;
}

h2 {
    font-size: 1.3em;
	color:#8186BD;
	font-weight:normal;
	background:url(../img/sepHz.gif) repeat-x bottom;
	padding:4px 0;
	margin:15px 0 10px 0;
}  

h2.sinBorde {
	background:none;
	margin-bottom:0px !important; 
	padding-bottom:0px !important;
}

.myGnoss h2{
	background:none;
	margin-bottom:-13px;
}

.gnoss h2{
	background:none;
	margin-bottom:-13px;
}
/*Comentado por Riam
.comGnoss h2{
	background:none;
	margin-bottom:-13px;
}
*/

/*Modificado por Riam*/
h2.tituloGnoss {
    	font-size: 1.3em;
	color:#8186BD;
	font-weight:normal;
	background:url(../img/sepHz.gif) repeat-x bottom;
	padding:4px 0;
	margin:15px 0 10px 0;
} 

h3 {
    font-size: 1.1em;
	color:#8186BD;
	font-weight:normal;
	padding:5px 0;
} 

h3.generico {
	margin-top:30px;
}
h4 {
    font-size: 1.1em;
	color:#8186BD;
	padding:5px 0;
}  

h4.textBox {
	font-size:1em;
	font-weight:normal; 
	padding:5px 0;
	margin:20px 0 5px 0;
}

h5{
    font-size: 1em;
	color:#8186BD;
}  

p {
    margin-bottom: 0.8em;
}

p.small, span.small, div.small{
    font-size:0.92em;
	margin-bottom:0;
}

.textBox {
	padding:10px 15px 10px 30px;
}


ul {
	list-style: none;
}

.listaGris li {	height: auto;}del {
	color:#E24973;
}
/*                                                                             Elementos estructurales
------------------------------------------------------------------------------------------------------
*/
#wrap {
    width: 958px;
	padding:0 6px;
	background:url(../img/bgWrap.png) repeat-y;
    margin: 0 auto;
    text-align: left;

}
#sidebar {
    position: absolute;
	width: 144px;
	padding-left: 10px;
	margin-right: -100%;
}

#contenido {
	background:#FFF;
	min-height: 500px;
	width: 710px;
	padding: 0 86px 30px 162px;
}
#cabecera {
    background: url(../img/bgCabecera.jpg) repeat-y center;
	height:83px;
	position:relative;
}

#footer {
    background:url(../img/bgFooter.png) no-repeat 0 0;
	width:571px;
	height:60px;
	margin:0 auto;
	padding:10px 0 50px 350px;
	color:#FFF;
}
#footer a{
	color:#FFF;
	position:relative;
	*position:inherit;
	*margin.left:0px;}
/*#footer span{	margin-left:10px;}*/
/*                                                                                       Menu personal
------------------------------------------------------------------------------------------------------
*/
#desplegarMenu {
    position: relative;
    cursor: pointer;
	z-index:3;
}
#desplegarMenu img {
    position: absolute;
    top: 8px;
    left: 6px;
    z-index: 2;
    width: 32px;
    height: 32px;
}
#desplegarMenu .mascaraBoton {
    position: relative;
    z-index: 3;
    height: 35px;
    padding: 10px 26px 0 42px;
    font-size: 0.9em;
}
#desplegarMenu .personal {
    background: url(../img/menuPersonalBt.png) no-repeat 0 0;
}
#desplegarMenu .profesional {
    color: #FFF;
    background: url(../img/menuProfesionalBt.png) no-repeat 0 0;
}
#desplegarMenu .contenedor {
    overflow: hidden;
    width: 76px;
    text-align: left;
}
#desplegarMenu .contenedor * {
    display: block;
    margin-bottom: 0.2em;
    white-space: nowrap;
}

#menuLateral ul li a{
	background:url(../img/dotListadoGris.gif) no-repeat left 65%;
	padding-left:9px;
	margin-left:8px;
	background-position:0px 5px;
}
#menuLateral {
	position:absolute;
	z-index:2;
    width: 125px;
    padding: 15px 8px 5px;
    margin: -10px 0 0 2px;
    background: url(../img/menuLateral.gif) no-repeat 0 100%;
}
#menuLateral div {
    padding: 7px 2px 7px;
    background: url(../img/sepHz.gif) repeat-x bottom;
}

#menuLateral div.final {
    background:none;
}

#menuLateral a {
	color:#4D4D4D;
	display:block;
	cursor:pointer;
}

#menuLateral a:hover,
#menuSidebar ul li a:hover, 
#menuSidebar a:hover {
	color:#477CA8;
	text-decoration:none;
}

#menuLateral ul.profesional li.activo a {
	color:#1199A5;
	background:url(../img/perfilOkVerde.gif) no-repeat left 5px !important;
	font-weight:bold;
}

#menuLateral ul.personal li.activo a {
	color:#8186BD;
	background:url(../img/perfilOkLila.gif) no-repeat left!important;
	font-weight:bold;
}
/*                                                                                            Sidebar
------------------------------------------------------------------------------------------------------
*/
#menuSidebarSup {
	width: 141px;
	height:16px;
	background: url(../img/menuLateralSup.gif) no-repeat;
}
#menuSidebar {
	position: relative;
	z-index: 1;
    width: 141px;
	background: url(../img/menuLateral.gif) no-repeat 0 100%;
	top:30px;
	padding-bottom:12px;
}

#menuSidebar ul li a, 
#menuSidebar a {
	margin:0 6px 0 10px;
	color:#4D4D4D;
	display:block;
}
#menuSidebar ul {
	padding-bottom:5px;
}
#menuSidebar li {	height:17px;}#menuSidebar p {
	margin-left:10px;
	font-weight:bold;
	margin-bottom:5px !important;
}
#menuSidebar .sepHz {
	margin:0px auto !important;
	width:120px !important;
	padding-bottom:0px !important;
	margin-bottom:0px;
	font-size:1px;	}

#menuSidebar ul li a:hover, 
#menuSidebar a:hover {
	color:#477CA8;
	text-decoration:none;
}

.menuSidebarSup { /*RIAM*/
	width: 141px;
	height:16px;
	background: url(../img/menuLateralSup.gif) no-repeat;
}
.menuSidebar { /*RIAM*/
	position: relative;
	z-index: 1;
    width: 141px;
	background: url(../img/menuLateral.gif) no-repeat 0 100%;
	top:30px;
	padding-bottom:12px;
}

.menuSidebar ul li a, 
.menuSidebar a { /*RIAM*/
	margin:0 6px 0 10px;
	color:#4D4D4D;
	display:block;
}
.menuSidebar ul { /*RIAM*/
	padding-bottom:5px;
}
.menuSidebar li {	/*height:17px;*/
	margin-bottom:4px;
}

.menuSidebar p { /*RIAM*/
	margin-left:10px;
	font-weight:bold;
	margin-bottom:5px !important;
}
.menuSidebar .sepHz { /*RIAM*/
	margin:0px auto !important;
	width:120px !important;
	padding-bottom:0px !important;
	margin-bottom:0px;
	font-size:1px;	}

.menuSidebar ul li a:hover, /*RIAM*/
.menuSidebar a:hover {
	color:#477CA8;
	text-decoration:none;
}

	
/*                                                                                          Navegación
------------------------------------------------------------------------------------------------------
*/

.breadCrumb {
	color:#477CA8;
	font-weight:bold;
	font-size:0.92em;
}
.breadCrumb a {
	font-weight:normal;
}
	
#nav {
	margin: 0 -88px 0 -162px;
    background: url(../img/bgMenu.gif) no-repeat;
	height:65px;
	font-size:1.05em;
}

#nav ul {
    list-style: none;
	margin-left:162px;

}

#nav  li {
    float: left;
    display: inline;
    /*position: relative;*//*Comentado por Javier para el autoCompletar*/
	text-align:center;
}

#nav a {
    display: block;
	color: #FFF;
	padding:12px 0;
    text-decoration: none;
    cursor: pointer;
}

/*           Elementos menu superior                                                                     
------------------------------------
*            nav0                                                           
-----------------
*/
#nav .nav0 {
	width:130px;
	margin-left:10px;
}
#nav .nav0 a {
    width: 105px;
    margin-left: 12px;
}
#nav .nav0 a:hover {
	color:#DAC1E8;
}
div.indice #nav .nav0 a {
	color:#C0A2E1;
	background:url(../img/nav0Activo.png) no-repeat;
	height:46px;
	margin-top:5px;
}

/*          nav1                                                           
-----------------
*/
#nav .nav1 {
	width:180px;
	margin-left:10px;
}
#nav .nav1 a {
    width: 157px;
    margin-left: 9px;
}
#nav .nav1 a:hover {
	color:#B5DDF1;
}
div.comunidades #nav .nav1 a {
	color:#B5DDF1;
	background:url(../img/nav1Activo.png) no-repeat;
	height:44px;
	margin-top:5px;
}

/*          nav2                                                           
-----------------
*/
#nav .nav2 {
	width:180px;
	margin-left:-10px;
}
#nav .nav2 a {
	width:139px;
    margin-left: 16px;
}
#nav .nav2 a:hover {
	color:#F8DBA9;
}
div.blogs #nav .nav2 a {
	color:#F8DBA9;
	background:url(../img/nav2Activo.png) no-repeat;
	height: 45px;
	margin-top: 5px;
}

/*          nav3                                                           
-----------------
*/
#nav .nav3 {
	width:222px;
	margin-left:-10px;
}
#nav .nav3 a {
	width:185px;
    margin-left:12px;
}
#nav .nav3 a:hover {
	color:#F9CBE1;
}
div.personasOrganizaciones #nav .nav3 a {
	color:#F9CBE1;
	background:url(../img/nav3Activo.png) no-repeat;
	height:46px;
	margin-top:5px;
}

/*            Elementos menu superior                                                                     
-------------------------------------
*/

.navHead {
	display:inline;
	float:none;
	margin:0;
	position:absolute;
	right:20px;
	top:35px;
}

/*                 Elementos SubNav                                                                     
-------------------------------------
*/  

.subNav
{
	width:700px;
	background:url(../img/bgSubMenu.gif) no-repeat center;
}

.subNav table {
	height:38px;
	/*background:url(../img/bgSubMenu.gif) no-repeat center;*/
	margin:10px 0px;
	/*width:700px;*/
	border:0px;
}
.subNav ul {
	margin:0px auto;
	text-align:center;
}

.subNav a {
	color:#FFF;
	line-height:1em;
	text-align:center;
	height:18px;
	display:block;
	width:auto;
	padding:10px 19px; /*MODIFICADO POR RIAM*/
}

.subNav  a:hover {
	text-decoration:none;
	color:#d5d6dd;
}
div.borradores .subNav tr.bandeja td.nav0,
div.suscripciones .subNav tr.bandeja td.nav1,
div.mensajes .subNav tr.bandeja td.nav2,
div.comentarios .subNav tr.bandeja td.nav3,
div.invitaciones .subNav tr.bandeja td.nav4,
div.inicio .subNav tr.perfil td.nav0 ,
div.perfilBiografia .subNav tr.perfil td.nav1,
div.baseRecursos .subNav tr.perfil td.nav2,
div.perfilComunidades .subNav tr.perfil td.nav3,
div.perfilContribuciones .subNav tr.perfil td.nav4,
div.perfilEditar .subNav tr.perfil td.nav5,
div.SoliciUsu .subNav tr.solicitudes .nav0,
div.SoliciOrg .subNav tr.solicitudes .nav1,
div.SoliciCom .subNav tr.solicitudes .nav2 {
	background: url(../img/bgSubNavLi.gif) no-repeat left center;
}
div.borradores .subNav tr.bandeja .nav0  a,
div.suscripciones .subNav tr.bandeja .nav1 a,
div.mensajes .subNav tr.bandeja .nav2 a,
div.comentarios .subNav tr.bandeja .nav3 a,
div.invitaciones .subNav tr.bandeja .nav4 a,
div.inicio .subNav tr.perfil .nav0 a ,
div.perfilBiografia .subNav tr.perfil .nav1 a ,
div.baseRecursos .subNav tr.perfil .nav2 a,
div.perfilComunidades .subNav tr.perfil .nav3 a ,
div.perfilContribuciones .subNav tr.perfil .nav4 a ,
div.perfilEditar .subNav tr.perfil .nav5 a,
div.SoliciUsu .subNav tr.solicitudes .nav0 a,
div.SoliciOrg .subNav tr.solicitudes .nav1 a,
div.SoliciCom .subNav tr.solicitudes .nav2 a {
	background:url(../img/activoSubMenu.gif) no-repeat right;
	display:block;
	/*LOZA
	padding:10px 20px;*/
	padding:10px 20px 10px 10px;
	height:18px;
	margin-left:10px;
}


/*           Elementos subSubNav Gris                                                                    
-------------------------------------
*/

.subNav table.gris {
	height:38px;
	background:url(../img/bgSubMenuGris.gif) no-repeat center;
	margin:10px auto;
	width:700px;
	border:0px;
}


/*           SubNav administracion de comunidades                                                                    
-------------------------------------------------
*/

div.infoGeneral .subNav tr.comAdminGris td.nav0 ,
div.utilidades .subNav tr.comAdminGris td.nav1 ,
div.plantillas .subNav tr.comAdminGris td.nav2 ,
div.categorias .subNav tr.comAdminGris td.nav3 ,
div.miembros .subNav tr.comAdminGris td.nav4 ,
div.importacion .subNav tr.comAdminGris td.nav5 {
	background: url(../img/bgSubNavLiGris.gif) no-repeat left center;
}


div.infoGeneral .subNav tr.comAdminGris .nav0 a ,
div.utilidades .subNav tr.comAdminGris .nav1 a ,
div.plantillas .subNav tr.comAdminGris .nav2 a ,
div.categorias .subNav tr.comAdminGris .nav3 a ,
div.miembros .subNav tr.comAdminGris .nav4 a,
div.importacion .subNav tr.comAdminGris .nav5 a {
	background:url(../img/activoSubMenuGris.gif) no-repeat right;
	display:block;
	padding:10px 20px;
	height:18px;
	margin-left:10px;
}


/*                                   SubNav DAFO                                                                 
-------------------------------------------------
*/
div.DafoFinalizado .subNav tr.dafoGris td.nav0 ,
div.DafoUnificar .subNav tr.dafoGris td.nav1 ,
div.DafoVotar .subNav tr.dafoGris td.nav2,
div.DafoCriterios .subNav tr.dafoGris td.nav3 ,
div.DafoConclusiones .subNav tr.dafoGris td.nav4 ,
div.DafoEstadisticas .subNav tr.dafoGris td.nav5 ,
div.DafoVotado .subNav tr.dafoGris td.nav6 ,
div.DafoMensajes .subNav tr.dafoGris td.nav7 , 
div.DafoEditar .subNav tr.dafoGris td.nav8 , 
div.DafoInvitarParticipante .subNav tr.dafoGris td.nav9 {
	background: url(../img/bgSubNavLiGris.gif) no-repeat left center;
}


div.DafoFinalizado .subNav tr.dafoGris .nav0 a ,
div.DafoUnificar .subNav tr.dafoGris .nav1 a ,
div.DafoVotar .subNav tr.dafoGris .nav2 a,
div.DafoCriterios .subNav tr.dafoGris .nav3 a ,
div.DafoConclusiones .subNav tr.dafoGris .nav4 a ,
div.DafoEstadisticas .subNav tr.dafoGris .nav5 a ,
div.DafoVotado .subNav tr.dafoGris .nav6 a ,
div.DafoMensajes .subNav tr.dafoGris .nav7 a ,
div.DafoEditar .subNav tr.dafoGris .nav8 a ,
div.DafoInvitarParticipante .subNav tr.dafoGris .nav9 a
{
	background:url(../img/activoSubMenuGris.gif) no-repeat right;
	display:block;
	padding:10px 20px;
	height:18px;
	margin-left:10px;
}

/*              Elementos subSubNav                                                                     
-------------------------------------
*/
.subSubNav {
    margin: -10px 0 30px 0;
    position: relative;
	visibility:visible;
	display:inline;
}
.subSubNav li {
    display: inline;
    padding-right: 10px;
    margin-right: 10px;
    background: url(../img/sepVt.gif) repeat-y right;
}
.subSubNav li.ultimo {
    padding-right:0;
    margin-right:0;
    background: none;
}


/*                                                                                         Separadores
------------------------------------------------------------------------------------------------------
*/
.sepHz,
.sepMiniHz,
.sepSuperHz
.sepSuperSuperHz{
	width:100%;
	height:2px;
	padding:5px 0;
	background:url(../img/sepHz.gif) repeat-x;
}

.sepMiniHz
{
	padding:4px 0;
}

.sepSuperHz 
{
	padding:10px 0;
	background-position:50% 50%;
}

.sepSuperSuperHz 
{
	padding:20px 0;
	background-position:70% 70%;
}
	
/*                                                                                           Paginacion
------------------------------------------------------------------------------------------------------
*/

.pag {
	text-align:center;
	margin:0px auto 50px auto;
	font-size:0.92em;
	font-weight:bold;
}

/*                                                                                         Contenedores
------------------------------------------------------------------------------------------------------
*/
.wrap710Sup {
	background:url(../img/wrap710Sup.gif) no-repeat bottom;
	height:20px;
	margin-top:10px;

}
.wrap710 {
	background:url(../img/wrap710.gif) repeat-y;
	width:710px;
}
.wrap710Inf {
	background:url(../img/wrap710Inf.gif) no-repeat top;
	height:20px;
	margin-bottom:10px;
}
.wrap710 .columna {
	width:320px;
	text-align:left;
}



.wrap524Sup {
	background:url(../img/wrap524Sup.gif) no-repeat bottom;
	height:20px;
	margin-top:10px;
	width:524px
}
.wrap524 {
	background:url(../img/wrap524.gif) repeat-y;
	width:524px;
}
.wrap524Inf {
	background:url(../img/wrap524Inf.gif) no-repeat top;
	height:20px;
	margin-bottom:10px;
	width:524px
}

  
.wrap176Sup {
	background:url(../img/wrap176Sup.gif) no-repeat bottom;
	height:20px;
	margin-top:10px;
	width:176px;
}
.wrap176 {
	background:url(../img/wrap176.gif) repeat-y;
	width:176px;
}
.wrap176Inf {
	background:url(../img/wrap176Inf.gif) no-repeat top;
	height:20px;
	margin-bottom:10px;
	width:176px;
} 

.wrap176  div.textBox {
 	margin-left:-15px !important;
}
.wrap375Sup {
	background:url(../img/wrap375Sup.gif) no-repeat bottom;
	width:375px;
	height:20px;
	margin-top:20px;
}
.wrap375 {
	background:url(../img/wrap375.gif) repeat-y;
	width:375px;
}
.wrap375Inf {
	background:url(../img/wrap375Inf.gif) no-repeat top;
	width:375px;
	height:20px;
	margin-bottom:10px;

}
.wrap375 .textBox {
    padding-right: 30px;
}

.wrap375 .columna {
	width: 145px;
}

.wrap300Sup {
	background:url(../img/wrap300Sup.gif) no-repeat bottom;
	width:300px;
	height:15px;
	margin-top:20px;

}
.wrap300 {
	background: #F2F2F2;
	width:300px;
}
.wrap300Inf {
	background:url(../img/wrap300Inf.gif) no-repeat top;
	width:300px;
	height:15px;
	margin-bottom:10px;

}
.dosCols div.floatLeft,
.dosCols div.floatRight {
    width: 45%;
}
.asimCols div.floatLeft {
    width: 58%;
}
.asimCols div.floatRight {
    width: 32%;
}

.trescolLeft{
	margin-right:5px;
	width:33%
}
.trescolRight {
	width:32%
}
/*                                                                  Classe panel para loa contenedores------------------------------------------------------------------------------------------------------*/.panelGrande {	width:665px;}ul.imagenAsociada div.panel{	padding-top:20px;}/*                                                                                            Listados
------------------------------------------------------------------------------------------------------
*/
.panel,#menuLateral {
	display:none;
}

.panelGrande {
	width:665px;
}

ul.imagenAsociada div.panel{
	padding-top:20px;
}


/*                                                                                            Listados
------------------------------------------------------------------------------------------------------
*/


ol li {
	padding-bottom:5px;
	margin-left:30px;
}

tr.par td {
    background-color: #DDD;
}

ul.listaGris li a {
	color:#4C4C4C;
	text-decoration:none;
}
ul.listaGris li a:hover {
	color:#477CA8;
}
/*LOZA : antes tenia 600px, ahora se le pone 580 y padding de 10(al .imagenAsociada li), para igualarlo a los destacados y tratarlos todos igual*/
.imagenAsociada div {
	width: 580px;
	float:right;
	display:inline;
}
ul.comentarios div {
	width: 550px;
}
ul.comentarios div.sepHz{	margin-top:10px;	width:100% !important;}ul.imagenAsociada div div {
    width: auto;
    float: none;
	display:block;}
.imagenAsociada li 
{
	/*Modificado por riam para que no se separen tanto las fichas y tratar las fichas normales igual que las de destacados*/
	/*padding:10px;
	padding-bottom: 15px;*/ 
	padding-left:10px;
	padding-right:10px;
	/*-------------------*/
	overflow:hidden;
	clear: both;
	margin-bottom:15px;
}

ul.comentarios li.ultimo {
	background: none;
}
.imagenAsociada h3,
#baseRecursos .recursoDetalle h4 {
	background:url(../img/sepHz.gif) repeat-x bottom;
	font-size:1.2em;
	font-weight: normal;
	margin-bottom:10px;
	padding-top:0;
}

.imagenAsociada h3 a,
.imagenAsociada ul li h3 a {
	color:#8186BD;
}
		
.imagenAsociada img.icono,
.imagenAsociada span.fotoPerfil ,
.imagenAsociada span.fotoPerfilMaxi {
	float:left;
	display:inline;
	margin-right:10px;
}

/*****RIAM*******/
.imagenAsociada span.iconoGrupo {
	float:left;
	display:inline;
}

.imagenAsociada ul li {
	margin:0 0 0 45px;
	padding-left:15px;
	background:url(../img/comunidades/dotSubcomunidad.gif) no-repeat left 10px;
	background-position:0% 6px;
}
ul.generico {
	margin-bottom:30px;
}
ul.generico li {
	padding-left:20px;
	margin:5px 0 0 30px;
	background: url(../img/dotListadoGris.gif) no-repeat left 5px;
}

/*****RIAM*******/
/* Modificado
.imagenAsociada ul li h3 {
	padding-left:15px;
}
*/
span.fotoPerfilBlog,
span.fotoPerfil {
	position:relative;
	width:54px;
	height:54px;
	overflow:hidden;
}/*PROBLEMA IE*/

/*****RIAM*******/
span.iconoGrupo
{
	position:relative;
	width:54px;
	height:54px;
	overflow:hidden;
}

div.recursoDetalle .miniSnapshot {
	width: auto;
	height: auto;
}
div.recursoDetalle span.floatLeft {
	width: auto;
}
div.recursoDetalle span.floatLeft.icono {	width: 70px;}.imagenAsociada span.karma {
    float: left;
    display: inline;
	clear: left;
	width: 64px;
	font-weight:bold;
	font-size:0.82em;
}

span.fotoPerfil a {/*QUITADO: , .miniSnapshot a*/
	position:absolute;
	width:54px;
	height:54px;
	background:url(../img/mascFotoPerfil.png) no-repeat;
	top:0;
	left:0;
	cursor:pointer;
	text-indent:-100000px;
	
}/*PROBLEMA IE*/
/********RIAM**********/
.busquedaDestacada span.fotoPerfil a{
	background:url(../img/mascFotoPerfilOscura.png) no-repeat;	
}
span.fotoPerfilMaxi a {
	position:absolute;
	width:150px;
	height:150px;
	background:url(../img/mascMaxiSnapshot.png) no-repeat;
	top:0;
	left:0;
	cursor:pointer;
	text-indent:-100000px;
}

span.fotoPerfilMaxi {
	margin-right:15px;
}
.imagenAsociada span.fotoPerfilBlog {
	float:left;
	display:inline;
	margin-right:10px;
}
span.fotoPerfilBlog a {/*, .miniSnapshot a*/
	position:absolute;
	width:54px;
	height:54px;
	background:url(../img/mascFotoPerfil.png) no-repeat;

	left:0;
	cursor:pointer;
	text-indent:-100000px;
	
}/*PROBLEMA IE*/
/*LOZA antes tenia 600px, ahora se le pone 580 y padding de 10(al .imagenAsociada li), para igualarlo a los destacados y tratarlos todos igual*/
.imagenAsociada div.multiFuncion {
    width: 580px;
}

/*Modificado por RIAM
.imagenAsociada div.multiFuncion h3 {
    width: 580px;
}
-----------------*/

.imagenAsociada div.funciones {
    width: 120px;
}
.imagenAsociada div.funciones label {
    float: right;
    margin-bottom: 5px;
}
.imagenAsociada div.funciones a,
.imagenAsociada div.funciones button {
    width: 110px !important;
}
li.busquedaDestacada {
	background:#e0e0e0;
	padding:20px 10px;
	margin-top:-18px;
	height:100%;
}

li.busquedaDestacadaBlanco {
	background:#ffffff;
	padding:20px 10px;
	margin-top:-18px;
	height:100%;
}

li.busquedaDestacadaGris {
	padding:20px 10px;
	margin-top:-18px;
	height:100%;
}

.busquedaDestacadaBlanco span.fotoPerfil a{
	background:url(../img/mascFotoPerfilBlanca.png) no-repeat;	
}

.busqueda ul.imagenAsociada {
	margin-top:40px;
}
/*LOZA:Lo comento para que no pise los estilos de la ficha, ahora se tratan los destacados como fichas normales*/
ul.imagenAsociada  li.busquedaDestacada div{
	/*width:570px !important;*/
}
.busquedasGuardadas li {
    position: relative;
    padding: 3px;
}
.busquedasGuardadas li.odd {
    background: #FFF;
}
.busquedasGuardadas li.even {
    background: #F0F0F0;
}
.miniEliminar {
    position: absolute;
    top: 50%;
    right: 3px;
    z-index: 1;
    height: 16px;
    margin-top: -8px;
    text-align: right;
    overflow: hidden;
}
.miniEliminar:hover img {
    margin-top: -25px;
}
.miniConfirmar {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: inherit;
    padding: 1px 0;
}
.miniConfirmar span {
    margin-right: 6px;
}
.miniConfirmar button {
    margin: 0 2px;
    padding: 1px;
    width: 17px;
    border: 0;
    background: url(../img/microBoton.gif) no-repeat 50% 50%;
    color: #FFF;
    font-size: 10px;
    vertical-align: baseline;
}

/* reglas para la mascara oscura para confimar accion */
div.confirmar,
div.confirmar .pregunta,
div.confirmar .mascara {
    position: absolute;
    top: 0;
    left: 0;
    min-height:100px;
}
div.confirmar {
	z-index:2;
}
div .mascara {
    background: #000;

    z-index: 3;
}
div.pregunta {
    color: #FFF;
    text-align: center;
    z-index: 4;
}
div.pregunta span {
	font-size:1.1em;
}
div.pregunta button.btMini {
	background:url(../img/btMini.gif) no-repeat;
	width:31px;
	height:31px;
	border:0;
	color:#FFF;
	padding-top:0;
	margin-left:5px;
	cursor:pointer;
}

p.remitente {
    margin: -10px 0 10px 15px;
    position: relative;
    z-index: 1;
}

table.listadoMails{
    width: 100%;
    clear: right;
}
table.listadoMails th,
table.listadoMails td {
    font-weight: normal;
    padding: 2px;
    border-bottom: 1px solid #B2B2B2;
}

tr.porLeer td {
    background: #FFF;
}

.editarElemento {
    position: relative;
    float: right !important;
    display: inline;
    width: auto !important;
}
.editarElemento a {
    font-size: 0.91em;
}
.editarElemento img {
    cursor: pointer;
    vertical-align: text-top;
}
.editarElemento ul,
#editar-clon {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    font-size: 0.9em;
    text-align: left;
    margin-top: 1px;
    margin-left: -22px; /* debe ser igual a -(padding-left + border-left-width) * 2 */
    background: #E6E6E6;
    padding: 5px 10px 10px;
    border: 1px solid #D9D9D9; 
}
.editarElemento li,
#editar-clon li {
    padding-bottom: 2px;
    border-bottom: 1px solid #D9D9D9;
    margin: 0 0 2px 0 !important;
    background: none !important;
    overflow: visible !important;
}
#editar-clon li.ultimo {
    border-bottom: 0;
}
.editarElemento li a {
    font-size: 1em;
}

/*                                                                                           TagClouds
------------------------------------------------------------------------------------------------------
*/
.tagCloud {
	font-size:1.25em;
	text-align:center;
	background:#F5F5F5;
	padding:10px;
	width:97%;
	margin:0 auto;
}

.tagCloud big {
	font-size:1.5em;
	line-height:1.25em;
}

.tagCloud small{
	font-size:0.82em;
}

.tagCloud a {
    /*white-space: nowrap;  /* Comentado por Riam "Tags en una sola linea" */
	color:#477CA8;
	text-decoration:none;
}

.tagCloud a:hover {
	color:#8D8D8D;
	background-position: 0 -25px;
	text-decoration:none;}

.tagCloud a img {
	background: url(../img/iconAnyadir.gif) no-repeat 0 0;
	width: 18px;
	height: 18px;
	vertical-align: text-bottom;
}

.tagCloud a:hover img {
    background-position: 0 -25px;
}


/*                                                                           No encuentra resultados
------------------------------------------------------------------------------------------------------
*/

.noResult {
	font-size:1.25em;
	text-align:center;
	padding:10px;
	width:97%;
	margin:0 auto;
}

/*                                                                           resultados de formularios
------------------------------------------------------------------------------------------------------
*/
div.ko {
    color: #E24973;
}

div.ko ul,
div.ko li {
	padding-bottom: 4px;
}


/*                                                                           Movimiento de elementos
------------------------------------------------------------------------------------------------------
*/
.botonMovidoIz {
	margin-right:10px;
}
/*                                                                           Elementos modales VerMas------------------------------------------------------------------------------------------------------*/
.wrap524 div.verMas {
	width:471px;
}

/*																			WebTreeNode (JAVIER)
---------------------------------------------------------------------------------------------------
*/
img.WebTreeNode
{
	padding-right: 5px; 
	padding-bottom:2px;
}

/*
---------------------------------------------------------------------------------------------------
*/
.quitar a
{
    cursor: pointer;
    padding-right: 20px;
    *width: 20px;
    *height: 20px;
	background: url(../images/icoReset.png) no-repeat 100% 0;
	*background: #FFFFFF url(../images/icoReset.png) no-repeat;
	/**background-position:left bottom;*/
	*border: solid thin red;
	
	
	*z-index:1;
}
span.quitar
{
	*display:inline;
	*float:left;
	*border: solid thin red;
	*margin: 0px 100px;
    *width: 20px;
    *height: 20px;
}

.quitar a:hover 
{
	background: url(../images/icoReset2.png) no-repeat 100% 0;
	*background: url(../images/icoReset2.png) no-repeat;
}

.cod1
{
	text-decoration: line-through;
	color:#E24973;
}

.cod2
{
	background-color:#666666;
	color:#FFFFFF;
}

/*                                                                           entrada y salida
------------------------------------------------------------------------------------------------------
*/
body.entraSale {
	background-color:#FFF !important;
	background-image: none;
}

body.entraSale div {
	position: absolute;
	left:40%;
	top:250px;
}
.entraSale p {
	text-align:left;
}

.entraSale div img.loader {
	margin-left:77px;
	margin-top:20px;
}