/* Hoja de estilos para aplicación social de todopapas.com*/

/*
------INDICE------

PRINCIPAL
GENERAL
ENCABEZADO
--MENÚ DESPLEGABLE
--CONTENIDO DINÁMICO DE CABECERA
-----Inicio
-----Perfil
CONTENIDO CENTRAL
--GENÉRICOS
-----Caja Central
--MURO
-----Respuesta
--ACTIVIDAD
--GRUPOS
--AMIGOS
-----Búsqueda Contactos
-----Amigos
--MENSAJES
--GRUPOS
COLUMNA
--LOGIN
--NAVEGACIÓN CONTEXTUAL - PERFIL
--NAVEGACIÓN CONTEXTUAL - ACTIVIDAD
------FIN INDICE------
*/

/*PRINCIPAL
-------------------------*/
#contenido #social{
width:100%;
float:left;
overflow:hidden
}
#contenido .columna.social{width:316px}
#contenido #wrapperSocial{background:#FFF !important	}
/*FIN PRINCIPAL
-------------------------*/


/*GENERAL
-------------------------*/
.layoutSocial .botonGenerico{
border-bottom:solid 1px #7A8A51;
border-right:solid 1px #7A8A51;
border-top:solid 1px #E5EDD1 ;
border-left:solid 1px #E5EDD1 ;
clear:both;
display:block;
float:left;
background:url(/images/social_sprite_botones.gif) repeat-x 0 0;
}
.layoutSocial .botonGenerico input{
height:21px;
line-height:21px;
padding:0 24px 3px;
background:url(/images/social_sprite_botones.gif) repeat-x 50px 50px;
border:none;
overflow-x:visible !important;
overflow-y:visible !important;
overflow-y:hidden;
cursor:pointer
}
.layoutSocial .botonGenerico.pequeno input{
height:17px;
line-height:17px
}

/*FIN GENERAL
-------------------------*/

/*ENCABEZADO
-------------------------*/
#social .encabezado{
background:#b2c974;
margin-bottom:29px;
position:relative;
zoom:1
}
#social .encabezado .avatar{
background: url("/images/social_sprite_general.png") no-repeat 0 0 ;
display: block;
height: 123px;
left: 9px;
position: absolute;
top: 48px;
width: 103px
}
#social .encabezado .avatar img{
background:#FF0000;
display: block;
height: 105px;
margin: 8px 0 0 8px;
width: 85px
}
#social .encabezado div{
clear:both;
padding-left:116px;
width:533px
}
#social .encabezado h2{
background: url("/images/social_sprite_general.png") no-repeat -167px -146px;
float: left;
height: 22px;
margin: 6px 0 24px 15px;
text-indent: -999px;
width: 112px
}
#social .encabezado ul{
float:right;
margin:8px
}
#social .encabezado ul li {display:inline}
#social .encabezado div p{
border-bottom: 1px solid #7A8A51;
color: #D8E4B9;
font-size: 15px;
font-weight: bold;
margin-left: -21px;
padding:1px 0 0 21px;
position: relative
}
#social .encabezado div p a{
/*font-size:9px; modificacion por pedro*/
font-size:12px;
/*font-style:italic;*/
color:#fff;
display:block
}
#social .encabezado div ul {
height:19px;
background:#ededee;
display:inline;
padding:0 0 0 6px;
margin:0;
float:right;
border-left:solid 1px #8e9f60;
border-top:solid 1px #8e9f60;
position:relative;
z-index:1;
top:15px
}
#social .encabezado div li a{margin:0 4px}
#social .encabezado div li, #social .encabezado div li a,  #social .encabezado div li span {
font-size:9px;
color:#9c9e9f;
}
#social .encabezado div li.alertas{
background:#58585A;
height:19px;
line-height:18px;
padding:0 15px;
vertical-align:middle;
display: inline-block;
zoom: 1; /* IE7 (hasLayout)*/
*display: inline; /* IE */
width:90px;
position:relative
}
#social .encabezado div li.alertas a, #social .encabezado div li.alertas span{
font-size:12px;
color:#fff;
font-weight:normal
}
#social .encabezado div.sinRegistro p{
paddin:0 0 0 5px;
font-weight:normal;
font-size:12px;
color:#58585a;
background:#ededee;
border:none;
margin-left:-20px
}
#social .encabezado div.sinRegistro p a{
font-weight:bold;
/*font-style:italic;*/
font-size:12px;
color:#58585a;
display:inline
}
/*Menú desplegable*/
#social .encabezado div li.alertas div{
background: #EDEDEE;
border: none;
height: auto;
left: 0;
padding:0;
position: absolute;
top: 19px;
z-index: 50;
width:120px;
float:none;
}
#social .encabezado div li.alertas ul{
background: none;
border: medium none;
display: block;
float: none;
height: auto;
margin: 0;
padding: 0;
position: static;
padding:0 3px
}
#social .encabezado div li.alertas li{
border-bottom: 1px solid #D0D1D2;
display: block;
height: 21px;
padding: 0;
*display:inline; /*ie*/
zoom:1;/*ie*/
width:100%
}
#social .encabezado div li.alertas li a, #social .encabezado div li.alertas li a span{
color: #58585A;
font-size: 9px; 
/*font-style:italic;*/
margin:0
}
#social li.alertas li a{
padding-left: 23px;
line-height:21px
}
#social li.alertas li.amigos{
background:url(/images/social_sprite_iconos.gif) no-repeat 7px -47px
}
#social li.alertas li.notificaciones{
background:url(/images/social_sprite_iconos.gif) no-repeat 7px -63px
}
#social li.alertas li.mensajes{
background:url(/images/social_sprite_iconos.gif) no-repeat 6px -81px 
}
#social li.alertas li.invitaciones{
background:url(/images/social_sprite_iconos.gif) no-repeat 6px -99px 
}
#social .encabezado .alertas .publicar{
background:#58585A;
height:19px;
line-height:18px;
display:block;
margin:18px 0 0 0;
padding:0;
text-align:center;
font-weight: bold;
color:#fff;
}
#social .encabezado .alertas .invitaciones{border:none !important}
#social .encabezado .alertas .informacion{background:#E8EFD5}
#social .encabezado .alertas .informacion ul{padding-left:10px}
#social .encabezado .alertas .informacion span{
color: #58585A;
display: block;
font-weight: bold;
height:auto !important;
height: 23px; /*ie*/
min-height:23px;
line-height: 14px;
text-align: left;
padding-left:19px;
background:url(/images/icono_usuario.gif) no-repeat 5px 5px;
padding-top:4px;
margin-bottom:5px
}
#social .encabezado .alertas .informacion li{
height:15px;
border:none;
}
#social .encabezado .alertas .informacion li a, #social .encabezado .alertas .informacion li a span{height:12px; line-height:12px}
#social .encabezado .alertas .informacion li a{
/*color:#b2c974;*/
color:#626F3E;
display:block;
padding:0
}
#social .encabezado .alertas .informacion li a span{
color:#b2c974;
display:inline;
background:none;
padding:0
}
#social .encabezado .alertas .informacion a.enviar{
background: url("/images/social_sprite_iconos.gif") no-repeat  5px -81px #EDEDEE;
border-top: 1px solid #C6C7C8;
color: #58585A;
display: block;
font-size: 9px;
/*font-style:italic;*/
font-weight: normal;
line-height: 15px;
margin: 18px 0 0;
padding: 3px 3px 3px 26px
}
/*CONTENIDO DINÁMICO DE CABECERA*/
/*--Inicio--*/
#social .encabezado .contenidoDinamico#inicio{
background:#fff;
color:#58585a;
font-weight:bold;
padding-top:10px;
}
#social .encabezado .contenidoDinamico#inicio h3{
font-size:26px;
font-weight:bold;
color:#b2c974;
margin-bottom:11px
}
#social .encabezado .contenidoDinamico#inicio h3 span{
color:#b1b3b4;
font-size:16px;
font-weight:normal;
display:inline
}
#social .encabezado .contenidoDinamico#inicio div{
background:none;
color:#b1b3b4;
font-size:9px;
/*font-style:italic;*/
float:right;
padding:0;
height:50px;
border:none;
width:auto
}
#social .encabezado .contenidoDinamico#inicio span{
font-size:inherit;
color:inherit;
margin-top:42px;
display:block
}
#social .encabezado .contenidoDinamico#inicio div a{
background-image: url("/images/social_sprite_accesos.gif");
background-repeat: no-repeat;
display:block;
font-size: 9px;
line-height: 14px;
padding-top: 31px;
float:left;
text-align:center;
margin:0 2px !important;
margin:0 1px; /*ie6*/
}
.contenidoDinamico#inicio a.preguntas{
background-position: 15px 0;
width:46px
}
.contenidoDinamico#inicio a.fotos{
background-position: -17px 3px;
width:70px
}
.contenidoDinamico#inicio a.trucos{
background-position: -84px 0;
width:32px
}
.contenidoDinamico#inicio a.anuncios{
background-position: -124px 0;
width:44px
}
.contenidoDinamico#inicio a.canciones{
background-position: -174px -2px;
width:48px
}
.contenidoDinamico#inicio a.cuentos{
background-position: -222px 0;
width:38px
}
.contenidoDinamico#inicio a.ocio{
background-position: -261px 0;
width:56px
}
.contenidoDinamico#inicio a.recetas{
background-position:-317px 0;
width:35px
}
.contenidoDinamico#inicio a.blog{
background-position: -357px 0;
width: 39px
}

/*Perfil*/
div.contenidoDinamico#perfil .botonGenerico.pequeno{
left: 16px;
padding: 0;
position: absolute;
top: 158px
}
div.contenidoDinamico#perfil .botonGenerico.pequeno input{
/*padding: 0 15px 3px modificacion pedro*/
padding: 0 9px 3px
}
div.contenidoDinamico#perfil{
background: #FFF;
padding-right: 132px;
width: auto
}
div.contenidoDinamico#perfil h3{
float: left;
font-size: 24px;
font-weight: bold;
line-height: 24px;
margin: 3px 5px 0 0;
vertical-align: bottom
}
div.contenidoDinamico#perfil p{
border:none;
color: #B1B3B4;
font-size: 12px;
font-weight: normal;
padding-top: 13px
}
div.contenidoDinamico#perfil p a{
color: #B2C974;
font-size: 9px;
/*font-style:italic;*/
vertical-align:bottom
}
div.contenidoDinamico#perfil div{
margin-top: 20px;
padding: 0;
width:auto;
position:relative
}
div.contenidoDinamico#perfil div span{
background:#E7E8E8;
display: block;
font-weight: bold;
padding: 3px 5px
}
div.contenidoDinamico#perfil div span a{
color: #B1B3B4;
font-size: 9px;
/*font-style:italic;*/
}
div.contenidoDinamico#perfil div ul{
background: none;
border:none;
clear: both;
display: block;
float: none;
font-size: 12px;
padding: 0;
height: auto !important;
height:45px;
min-height:45px    
}
div.contenidoDinamico#perfil div ul li{
color: #58585A;
display: block;
font-size: 12px;
margin: 2px 0
}
div.contenidoDinamico#perfil div ul li.desc{
margin-top: 23px;
position: relative;
width: 533px;
z-index: 5
}
div.contenidoDinamico#perfil div ul li a{
font-size:12px;
/*color:#B2C974*/
color:#626F3E
}
div.contenidoDinamico#perfil div li span{
color: #58585A;
font-size: 12px;
font-weight: bold;
background:none;
display:inline;
padding:0
}
/*FIN CONTENIDO DINÁMICO DE CABECERA*/

/*FIN ENCABEZADO
-------------------------*/

/*CONTENIDO CENTRAL
-------------------------*/

/*GENÉRICOS*/
/*Caja central*/
.cajaSocial{
clear:both;
margin-bottom:10px
}
.cajaSocial h4{
padding:5px 7px;
border-top:solid 1px #7d8d51;
border-left:solid 1px #7d8d51;
background:#b2c974;
color:#fff;
position:relative
}
.cajaSocial h4 a{
font-size:9px;
/*font-style:italic;*/
color:#d8e4b9
}
.cajaSocial li .opciones, .cajaSocial li .opciones a, .cajaSocial li .opciones a span{
/*color:#b1b3b4 !important;*/
color:#4B4B4D !important;
font-weight: bold; /* modificaciones pedro */
/*font-size:9px !important;*/
/*font-style:italic;*/
margin:0 !important;
}
.cajaSocial li div a.enviar, .cajaSocial li div a.abandonar{float:right}
.cajaSocial li .opciones{
background:#F1F1F2;
height:auto !important;
height:9px; /*IE 6*/
min-height:9px /*FF*/;
padding:3px 10px 3px 48px;
clear:both
}
.cajaSocial .opciones .comentarios{
background:url(/images/social_sprite_iconos.gif) no-repeat 0 2px;
padding-left:15px
}
.cajaSocial .opciones .enviar{
background:url(/images/social_sprite_iconos.gif) no-repeat 0 -33px;
padding-left:15px
}
.cajaSocial .opciones .miembros{
background:url(/images/social_sprite_iconos.gif) no-repeat 0 -51px;
padding-left:14px
}
.cajaSocial li p{
margin-bottom:8px;
margin-left:47px;
margin-top:7px;
height:1%
}
.cajaSocial ul li{margin-bottom:10px}
.cajaSocial div, .cajaSocial div span{
color:#b1b3b4;
/*font-size:9px;*/
/*font-style:italic*/
}
.cajaSocial div{margin:-10px 0 0 5px}

/*FIN GENÉRICOS*/

/*MURO*/
.cajaSocial#muro h4{margin-bottom:9px}
.cajaSocial#muro form p{
color:#4B4B4D;
font-size:12px;
font-weight:bold;
float:left
}
.cajaSocial#muro form textarea{
float:right;
height:48px;
width:505px;
border:solid 1px #b1b3b4;
overflow:auto    
}
.cajaSocial#muro form .botonGenerico{
float:right;
margin-top:5px
}
.cajaSocial#muro ul{clear:both}
.cajaSocial#muro li a{
color:#B2C974;
font-weight:bold;
margin:0 5px 0 7px;
}
.cajaSocial#muro li span{
/*color:#B1B3B4;*/
color:#4B4B4D !important;
/*modificaciones pedro */
/*font-size:9px;*/
font-size: 11px !important;
/*font-style:italic*/
}
.cajaSocial#muro li a.avatar, .cajaSocial#grupos li a.avatar, .cajaSocial#amigos li a.avatar, .cajaSocial#listaMensajes li a.avatar, #social .cajaSocial#mensajeLeer .avatar{
background: url("/images/social_sprite_general.png") no-repeat  -203px -83px;
float:left;
height:40px;
width:33px;
margin:0 0 0 7px;
overflow:hidden;
line-height:0;
font-size:0;
text-indent:-9999px !important;
text-indent:0 /*ie6*/
}
.cajaSocial#muro li a.avatar img, .cajaSocial#grupos li a.avatar img, .cajaSocial#amigos li a.avatar img, .cajaSocial#listaMensajes li a.avatar img, #social .cajaSocial#mensajeLeer .avatar img{
background: #FF0000;
display: block;
height: 36px;
margin: 2px 0 0 2px;
width: 29px
}
.cajaSocial#muro li div a {margin:0}
/*Respuesta*/
#muro .respuesta{
background:#F6F6F6;
margin:0 0 10px 48px;
padding: 10px
}
#muro .respuesta li{
position:relative;
*display:inline;/*ie*/
zoom:1;/*ie*/
}
#muro .respuesta li a.avatar{
height: 30px;
width: 25px;
margin:0;
position:absolute;
background: url("/images/social_sprite_general.png") no-repeat  -206px -19px
}
#muro .respuesta li a.avatar img{
height: 26px;
width: 21px
}
#muro .respuesta .opciones{
width:auto;
background: #C6C8C8;
clear: none;
padding: 3px;
*display:inline;/*ie*/
zoom:1;/*ie*/
margin-left:30px !important    
}
#muro .respuesta .opciones div{
float:right;
margin:0
}
#muro .respuesta div a, #muro .respuesta div span{
color:#fff !important;
font-style:normal;
margin-right:5px
}
#muro .respuesta p{
font-size:12px;
margin-left:34px
}
#muro .respuesta form{
height:auto !important;
height:52px;/*ie*/
min-height:52px;
*display:inline;/*ie*/
zoom:1;/*ie*/
}
#muro .respuesta form textarea{
overflow:auto;
width:543px
}
/*FIN MURO*/

/*ACTIVIDAD*/
.cajaSocial#actividad form, .cajaSocial#grupos form{
background:#F1F1F2;
line-height:9px;
padding:6px 14px;
vertical-align:middle;
margin-bottom:8px;
height:auto !important;
height:13px;/*ie*/
min-height:13px
}
.cajaSocial#actividad form span{
font-weight:bold;
line-height:10px;
margin-right:17px;
}
.cajaSocial#actividad form label{
height:13px;
line-height:13px;
margin-right:17px;
vertical-align:middle
}
.cajaSocial#actividad form input{
padding:0;
height:13px;
width:13px;
vertical-align:middle
}
.cajaSocial#actividad form div,.cajaSocial#grupos form div {
float:right;
margin-top:-3px;
vertical-align:text-top
}
.cajaSocial#actividad form div label{
margin:0;
line-height:14px;
font-style:normal
}
.cajaSocial#actividad form div input#categoria{
border:1px solid #B1B3B4;
color:#C1C2C3;
height:13px;
padding:2px;
width:124px;
}
.cajaSocial#actividad li a{
/*color:#B2C974; modificacion pedro */
color:#626F3E;
font-size:12px;
font-weight:bold;
margin:0 5px 0 14px
}
.cajaSocial#actividad li span{
font-weight:bold;
font-size:12px
}
.cajaSocial#actividad li .icono{
background-repeat:no-repeat;
background-position:0 0;
float: left;
height: 16px;
margin: 0 0 0 14px;
width: 16px
}
.cajaSocial#actividad li.registro_user .icono{background-image:url(/images/comunity_icons/registro_user.png)}
.cajaSocial#actividad li.film .icono{background-image:url(/images/comunity_icons/film.png)}
/* Anteriores */
.cajaSocial#actividad li.type_blog .icono{background:transparent url('/images/comunity_icons/blog.png') no-repeat 0 0}
.cajaSocial#actividad li.type_cake .icono{background:transparent url('/images/comunity_icons/cake.png') no-repeat 0 0}
.cajaSocial#actividad li.type_calendar-month .icono{background:transparent url('/images/comunity_icons/calendar-month.png') no-repeat 0 0}
.cajaSocial#actividad li.type_comentario .icono{background:transparent url('/images/comunity_icons/comentario.png') no-repeat 0 0}
.cajaSocial#actividad li.type_documents-text .icono{background:transparent url('/images/comunity_icons/documents-text.png') no-repeat 0 0}
.cajaSocial#actividad li.type_film .icono{background:transparent url('/images/comunity_icons/film.png') no-repeat 0 0}
.cajaSocial#actividad li.type_foto .icono{background:transparent url('/images/comunity_icons/foto.png') no-repeat 0 0}
.cajaSocial#actividad li.type_music .icono{background:transparent url('/images/comunity_icons/music.png') no-repeat 0 0}
.cajaSocial#actividad li.type_registro_user .icono{background:transparent url('/images/comunity_icons/registro_user.png') no-repeat 0 0}
.cajaSocial#actividad li.type_star .icono{background:transparent url('/images/comunity_icons/star.png') no-repeat 0 0}
.cajaSocial#actividad li.type_ticket .icono{background:transparent url('/images/comunity_icons/ticket.png') no-repeat 0 0}
.cajaSocial#actividad li.type_question .icono{background:transparent url('/images/comunity_icons/question-balloon.png') no-repeat 0 0}
.cajaSocial#actividad li.type_truco .icono{background:transparent url('/images/comunity_icons/light-bulb.png') no-repeat 0 0}
.cajaSocial#actividad li.type_shopping-basket .icono{background:transparent url('/images/comunity_icons/shopping-basket.png') no-repeat 0 0}
.cajaSocial#actividad li.type_luggage .icono{background:transparent url('/images/comunity_icons/luggage.png') no-repeat 0 0}
.cajaSocial#actividad li.type_ok .icono{background:transparent url('/images/comunity_icons/thumb-up.png') no-repeat 0 0}
.cajaSocial#actividad li.type_avatar .icono{background:transparent url('/images/comunity_icons/users--pencil.png') no-repeat 0 0}
.cajaSocial#actividad li.type_medicamento .icono{background:transparent url('/images/comunity_icons/bandaid.png') no-repeat 0 0}
.cajaSocial#actividad li.type_status .icono{background:transparent url('/images/comunity_icons/megaphone.png') no-repeat 0 0}
.cajaSocial#actividad li.type_amigos .icono{background:transparent url('/images/comunity_icons/users.png') no-repeat 0 0}
.cajaSocial#actividad li.type_grupos .icono{background:transparent url('/images/comunity_icons/application-blog.png') no-repeat 0 0}

.cajaSocial#actividad form a{
background:#58585a;
padding:1px 13px;
color:#fff
}

/*FIN ACTIVIDAD*/

/*GRUPOS*/
.cajaSocial#grupos li{
display:block;
*display:inline;/*ie*/
zoom:1;/*ie*/
margin-bottom:20px
}
.cajaSocial#grupos p{
font-weight:bold;
margin:0 0 0 46px;
/* modificacion pedro line-height:8px*/
}
.cajaSocial#grupos p a{ /* modificacion pedro */
font-size: 14px;
}
.cajaSocial#grupos span{
/*font-size:9px;*/
font-style:normal;
display: block;
margin-left: 45px;
margin-top: 2px
}
.cajaSocial#grupos .opciones span{display:inline}
.cajaSocial#grupos span a{
/*font-size:9px;*/
/*color:#b2c974 modificaciones pedro */
color:#626F3E
}
#social #grupos  .opciones{
clear: none;
margin: 1px 0 0 45px !important;
padding: 2px;
width: auto
}
/*FIN GRUPOS*/

/*AMIGOS*/

/*Búsqueda contactos*/
.cajaSocial#contactos form{
background:#EDEDEE;
clear: both;
display: block;
padding: 15px 0 0 10px;
margin-bottom:40px
}
.cajaSocial#contactos form div{
color: #4B4B4D;
font-size: 12px;
font-style: normal;
margin: 0
}
.cajaSocial#contactos form .texto {margin-bottom:70px}
.cajaSocial#contactos form .texto .inputTexto{
border: 1px solid #B1B3B4;
height: 14px;
margin:0 29px 10px 5px;
padding: 2px;
width: 218px;
float:left
}
.cajaSocial#contactos form .texto label{
width: 60px;
display:inline-block;
float:left
}
.cajaSocial#contactos form  span{
color: #4B4B4D;
display: block;
font-size: 12px;
font-style: normal;
font-weight: bold;
margin-bottom: 16px
}
.cajaSocial#contactos form .cbox{margin-bottom:17px}
.cajaSocial#contactos form .cbox.largo{margin-bottom:0}
.cajaSocial#contactos form .cbox label{
display: inline-block;
width: 141px;
margin-bottom:10px
}
.cajaSocial#contactos form .cbox .inputCbox{
width:13px;
height:13px;
padding:0;
vertical-align:text-top
}
.cajaSocial#contactos form .cbox.largo label{width:301px}
.cajaSocial#contactos .cbox .botonGenerico{
float: right;
margin: -4px 10px 0 0;
display:inline
}
.cajaSocial#contactos .botonGenerico input{padding: 0 13px 3px}
.cajaSocial#contactos form .invitar{position:relative}
.cajaSocial#contactos .invitar .botonGenerico{
margin:-30px 0 0 229px;
display:inline
}
.cajaSocial#contactos form .invitar label{
display:block;
margin-bottom:5px
}
.cajaSocial#contactos form .invitar .inputTexto{
border: 1px solid #B1B3B4;
height: 14px;
padding: 2px;
width: 218px;
margin-bottom:10px;
float:left
}
.cajaSocial#contactos form .invitar span{margin-bottom:3px}

/*Amigos*/
.cajaSocial#amigos form div label{
margin:0;
line-height:14px;
font-style:normal
}
.cajaSocial#amigos li{
margin-top:5px;
position:relative;
background:url(/images/social_bg_amigos.gif) repeat-x 0 0;
height:auto !important;
height:44px; /*ie*/
min-height:44px;
border-bottom:solid 1px #9c9ea0
}
.cajaSocial#amigos li a{
font-weight: bold;
margin:0 0 5px 7px
}
.cajaSocial#amigos li span, .cajaSocial#amigos li span a{
display:inline;
margin:0;
color:#9C9E9F;
font-size:9px
}
.cajaSocial#amigos li p{
font-weight: normal;
margin-top: 5px
}
.cajaSocial#amigos li a.eliminar{
color: #B1B3B4;
float: right;
font-size: 9px;
/*font-style:italic;*/
margin-top:12px
}
.cajaSocial#amigos form{
background:#F1F1F2;
line-height:9px;
padding:6px 14px;
vertical-align:middle;
margin-bottom:8px;
height:auto !important;
height:13px;/*ie*/
min-height:13px
}
.cajaSocial#amigos form span{
font-weight:bold;
line-height:10px;
margin-right:17px;
}
.cajaSocial#amigos form label{
height:13px;
line-height:13px;
margin-right:17px;
vertical-align:middle
}
.cajaSocial#amigos form input{
padding:0;
height:13px;
width:13px;
vertical-align:middle
}
.cajaSocial#amigos form div{
float:right;
margin-top:-3px;
vertical-align:text-top
}
.cajaSocial#amigos form div label{
margin:0;
line-height:14px;
font-style:normal
}
.cajaSocial#amigos form div input#orden{
border:1px solid #B1B3B4;
color:#C1C2C3;
height:13px;
padding:2px;
width:124px;
}
/*FIN AMIGOS*/

/*MENSAJES*/
.cajaSocial#mensajeOpciones div{
background: #F1F1F2;
height: auto !important;
line-height: 9px;
margin:0;
min-height: 12px;
padding: 6px 0 6px 14px;
vertical-align: middle;
position:relative;
zoom:1
}
.cajaSocial#mensajeOpciones div span{
background:#D7D8DA;
color: #58585A;
float: right;
font-size: 12px;
padding: 8px;
position:absolute;
right:0;
bottom:0;
}
.cajaSocial#mensajeOpciones div form{margin-top:15px}
.cajaSocial#mensajeOpciones div form label{
height:13px;
line-height:13px;
margin-right:17px;
vertical-align:middle;
font-style:normal
}
.cajaSocial#mensajeOpciones div form input{
padding:0;
height:13px;
width:13px;
vertical-align:middle
}
.cajaSocial#mensajeOpciones div form span {
font-weight: bold;
line-height: 10px;
margin-right: 2px;
font-size:12px;
color:#58585a;
font-style:normal;
background:none;
padding:0;
float:none;
position:static
}
.cajaSocial#mensajeOpciones div div{
padding:0;
margin:0;
height:auto;
min-height:0
}

.cajaSocial#mensajeOpciones div ul li{
display:inline;
font-style:normal
}
.cajaSocial#mensajeOpciones div span a{font-style:normal}
.cajaSocial#mensajeOpciones div ul li a.activo{font-weight:bold}
.cajaSocial#listaMensajes li{font-weight:bold}
.cajaSocial#listaMensajes li{
margin-top:5px;
position:relative;
background:url(/images/social_bg_mensajes.gif) repeat-x 0 bottom #fff;
height:auto !important;
height:44px; /*ie*/
min-height:44px;

}
.cajaSocial#listaMensajes li a{
font-weight: bold;
margin:0 0 5px 7px
}
.cajaSocial#listaMensajes li p{
font-weight: normal;
margin-top: 5px
}
.cajaSocial#listaMensajes li a.eliminar{
color: #B1B3B4;
float: right;
font-size: 9px;
/*font-style:italic;*/
margin-top:12px
}
.cajaSocial#listaMensajes li span, .cajaSocial#listaMensajes li span a{
display:block;
margin:0;
color:#9C9E9F;
font-size:9px
}
.cajaSocial#listaMensajes li span{
margin:0 0 0 62px;
zoom:1
}
.cajaSocial#listaMensajes li p{margin:-27px 0 10px 216px}
.cajaSocial#listaMensajes li input{
float: left;
margin:10px 0 0 5px;
height:13px;
width:13px;
padding:0
}
#social .cajaSocial#listaMensajes li .avatar{margin-left:4px }
#social .cajaSocial#mensajeEscribir .inputText{
border:solid 1px #b1b3b4;
padding:2px;
width:579px;
margin-bottom:10px;
float:right    
}
#social .cajaSocial#mensajeEscribir textarea.inputText{
overflow:auto;
height:228px;
margin-bottom:6px
}
#social .cajaSocial#mensajeEscribir label{
display:inline;
zoom:1;
float:left;
width:59px    
}
#social .cajaSocial#mensajeEscribir br{
clear:both;
line-height:0

}
#social .cajaSocial#mensajeEscribir #para{
width:465px;
float:left;
margin-left:3px
}
#social .cajaSocial#mensajeEscribir .botonGenerico{
float:right;
clear:none;
margin:0 0 0 5px
}
#social .cajaSocial#mensajeEscribir .botonGenerico.pequeno{
float:right;
clear:none;
margin:0;
width:104px;
text-align:center
}
#social .cajaSocial#mensajeEscribir .botonGenerico.pequeno input{
padding:0 0 3px;
margin:0 !important;
margin:0 0 0 3px/*ei6 bug*/
}
#social .cajaSocial#mensajeLeer a{margin-left:5px}
#social .cajaSocial#mensajeLeer a span{margin-left:0}
#social .cajaSocial#mensajeLeer a, #social .cajaSocial#mensajeLeer a span{
font-style:normal;
font-weight:bold;
font-size:12px;
color:#58585a;
display:inline;
}
#social .cajaSocial#mensajeLeer span{
display:block;
font-size:9px;
/*font-style:italic;*/
color:#9c9e9f;
margin-left:44px
}
#social .cajaSocial#mensajeLeer p{
clear:both;
padding:0 6px 10px;
margin:33px 0 0
}
/*FIN MENSAJES*/

/*GRUPOS*/
.cajaSocial#gruposBuscar form {zoom:1}
.cajaSocial#gruposBuscar form label {
display: inline-block;
float: left;
width: 86px;
text-align:right
}
.cajaSocial#gruposBuscar form .inputTexto {
border: 1px solid #B1B3B4;
float: left;
height: 14px;
margin: 0 3px 10px 5px;
padding: 2px;
width: 214px
}
.cajaSocial#gruposBuscar form {
background:#EDEDEE;
clear: both;
display: block;
margin-bottom: 40px;
padding: 15px 0 0 10px
}
.cajaSocial#gruposBuscar  .botonGenerico {
display: inline;
float: right;
margin: 2px 12px 0 0;
}
.cajaSocial#gruposBuscar .botonGenerico input{padding: 0 13px 3px}
.cajaSocial#gruposCrear{margin-top:40px}
.cajaSocial#gruposCrear form {zoom:1}
.cajaSocial#gruposCrear form label {
display: inline-block;
float: left;
width: 67px;
}
.cajaSocial#gruposCrear span{
color: #4B4B4D;
display: block;
font-size: 12px;
font-style: normal;
font-weight: bold;
margin-bottom: 10px
}
.cajaSocial#gruposCrear p{
color:#b1b3b4;
/*font-style:italic;*/
margin:20px 0
}
.cajaSocial#gruposCrear br{
clear:both;
line-height:0
}
.cajaSocial#gruposCrear form .inputTexto {
border: 1px solid #B1B3B4;
float: left;
height: 14px;
margin: 0 3px 10px 5px;
padding: 2px;
width: 547px
}
.cajaSocial#gruposCrear form textarea.inputTexto{
overflow:auto;
height:48px
}
.cajaSocial#gruposCrear form {
background:#EDEDEE;
clear: both;
display: block;
margin-bottom: 40px;
padding: 15px 0 0 10px
}
.cajaSocial#gruposCrear  .botonGenerico {
display: inline;
float: right;
margin: 2px 12px 10px 0;
}

/*FIN GRUPOS*/

/*FIN CONTENIDO CENTRAL
-------------------------*/

/*COLUMNA
-------------------------*/
#opcionesSocial {
width:300px;
height:300px;
margin:0 5px
}
#opcionesSocial .pestanas{
border-bottom: 1px solid #B1B3B4;
display: block;
height: 25px;
overflow:visible !important;
overflow:hidden /*ie*/
}
#opcionesSocial .pestanas a{
display:block;
float:left;
width:149px;
height:25px;
background:#b2c974;
overflow:hidden;
font-weight:bold;
text-align:center;
line-height:25px;
color:#fff
}
#opcionesSocial .pestanas a.activa{
height:26px;
position:relative;
color:#58585a
}
#opcionesSocial .pestanas .activa.pestanaPerfil{
background:#e8efd5;
width:148px;
border-right: 1px solid #B1B3B4;
border-left:none
}
#opcionesSocial .pestanas .activa.pestanaActividad{
background:#fff;
width:148px;
border-left:1px solid #B1B3B4;
border-right:none
}
/*LOGIN*/
#opcionesSocial #login{
padding: 0 9px 0 20px;
background:url(/images/social_bg_login.jpg);
height:300px;
}
#opcionesSocial #login h3{
color: #B2C974;
font-size: 14px;
font-weight: bold;
padding: 116px 0 0;
margin-bottom:15px
}
#opcionesSocial #login p{margin:10px 0 20px}
#opcionesSocial #login form label{
display: block;
float: left;
width: 68px
}
#opcionesSocial #login form .inputTexto{
border: 1px solid #B1B3B4;
height: 16px;
margin-bottom: 10px;
width: 201px;
float:right
}
#opcionesSocial #login a{
float:right;
/*font-style:italic;*/
margin-top:-7px
}
#opcionesSocial #login .botonGenerico{
float:right;
margin-top:13px;
margin-bottom:10px
}
#opcionesSocial #login div.botonGenerico input{padding:0 20px 3px }
#opcionesSocial #login div{
clear:both;
}
#opcionesSocial #login div input{float:right}
#opcionesSocial #login div label{
float:right;
width:auto;
margin-right:5px;
/*font-style:italic*/
}
/*NAVEGACIÓN CONTEXTUAL - PERFIL*/
#opcionesSocial #navegacionContextual{border: 1px solid #B1B3B4}
#opcionesSocial #navegacionContextual .perfil{
padding: 5px 9px 9px;
position:relative;
background:#E8EFD5
}
#opcionesSocial #navegacionContextual .perfil .avatar{
background: url(/images/social_sprite_general.png) no-repeat -107px -13px;
display: block;
float: left;
height: 108px;
margin-right: 24px;
width: 91px;
position:relative
}
#opcionesSocial #navegacionContextual .perfil .avatar img{
background:#FF0000;
display:block;
height:90px;
margin:10px 0 0 8px;
width:72px
}
#opcionesSocial #navegacionContextual .perfil h3{
color: #B2C974;
font-size: 18px;
font-weight: bold;
margin-top:16px
}
#opcionesSocial #navegacionContextual .perfil p{
float: left;
width: 151px;
position:relative
}
#opcionesSocial #navegacionContextual .perfil p a{
font-size: 9px;
/*font-style:italic;*/
}
#opcionesSocial #navegacionContextual .perfil .botonGenerico{
left: 114px;
position: relative;
top: -26px;
margin-bottom:-13px
}
#opcionesSocial #navegacionContextual .perfil .botonGenerico input{padding: 0 47px 3px}
#opcionesSocial #navegacionContextual .perfil div.items{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #B1B3B4;
clear: both;
padding: 0 10px;
zoom:1
}
#opcionesSocial #navegacionContextual .perfil div.items a{
border-bottom: 1px solid #EDEDEE;
display: block;
padding: 3px 0 4px;
text-align:right;
font-size: 10px;
line-height: 15px
}
#opcionesSocial #navegacionContextual .perfil div.items a span{
border-bottom: 1px solid #EDEDEE;
/*color: #B2C974;*/
color:#626F3E;
Font-size: 12px;
font-weight: bold;
float:left
}
#opcionesSocial #navegacionContextual .perfil div.items a.ultimo{border:none}

/*FIN NAVEGACIÓN CONTEXTUAL - PERFIL*/
/*NAVEGACIÓN CONTEXTUAL - ACTIVIDAD*/
#opcionesSocial #navegacionContextual .actividad{
border: 1px solid #B1B3B4;
margin: 10px;
padding: 0 6px 6px;
position:relative
}
#opcionesSocial #navegacionContextual .actividad p{
border-bottom: 1px solid #EDEDEE;
clear: both;
padding:6px 0 5px 24px;
background-repeat:no-repeat;
background-position:1px 5px
}
#opcionesSocial #navegacionContextual .actividad p.registro_user{background-image:url(/images/comunity_icons/registro_user.png)}
#opcionesSocial #navegacionContextual .actividad p.film{background-image:url(/images/comunity_icons/film.png)}
/* Anteriores */
#opcionesSocial #navegacionContextual .actividad p.type_blog{background:transparent url('/images/comunity_icons/blog.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_cake{background:transparent url('/images/comunity_icons/cake.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_calendar-month{background:transparent url('/images/comunity_icons/calendar-month.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_comentario{background:transparent url('/images/comunity_icons/comentario.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_documents-text{background:transparent url('/images/comunity_icons/documents-text.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_film{background:transparent url('/images/comunity_icons/film.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_foto{background:transparent url('/images/comunity_icons/foto.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_music{background:transparent url('/images/comunity_icons/music.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_registro_user{background:transparent url('/images/comunity_icons/registro_user.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_star{background:transparent url('/images/comunity_icons/star.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_ticket{background:transparent url('/images/comunity_icons/ticket.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_question{background:transparent url('/images/comunity_icons/question-balloon.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_truco{background:transparent url('/images/comunity_icons/light-bulb.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_shopping-basket{background:transparent url('/images/comunity_icons/shopping-basket.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_luggage{background:transparent url('/images/comunity_icons/luggage.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_ok{background:transparent url('/images/comunity_icons/thumb-up.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_avatar{background:transparent url('/images/comunity_icons/users--pencil.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_medicamento{background:transparent url('/images/comunity_icons/bandaid.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_status{background:transparent url('/images/comunity_icons/megaphone.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_amigos{background:transparent url('/images/comunity_icons/users.png') no-repeat 0 0}
#opcionesSocial #navegacionContextual .actividad p.type_grupos{background:transparent url('/images/comunity_icons/application-blog.png') no-repeat 0 0}

#opcionesSocial #navegacionContextual .actividad p a{
color: #B2C974;
font-weight: bold
}
#opcionesSocial #navegacionContextual .actividad p span{
clear: right;
font-weight: bold
}
#opcionesSocial #navegacionContextual .actividad .botonGenerico{
display:inline;
margin:10px 56px 0;
zooom:1
}
/*FIN NAVEGACIÓN CONTEXTUAL - ACTIVIDAD*/

/*FIN COLUMNA
-------------------------*/