/*==========*/
*
{	margin:0px;	padding:0px;	}

BODY
{	font-family:Arial, Helvetica; }


#Container
{
	margin:10px auto;
	width:982px;
	height:587px;
	background:url(../images/catalogoVL3/bg_containerprofile.jpg) no-repeat;
}
/*=========CABECERA DEL CATALOGO*/
#Header
{	
	height:100px; 
	margin:0px 0px 5px 0px;
}

#MenuHeader
{	margin:5px 0px 0px 0px;	}

#MenuHeader SPAN
{	
	margin:0px 9px 0px 0px;
	color:#fff;
}

#MenuHeader SPAN.Active
{	
	font-weight:bold;
	color:#FFCC00;
	margin:0px 10px 0px 0px;
}

#MenuHeader UL
{	
	font-size:12px;
	text-align:center;
}

#MenuHeader LI
{	
	display:inline;
	list-style:none;
	margin:0px 0px 0px 10px;
	color:#fff;
}

#MenuHeader LI A
{	
	color:#fff;
	padding:0px 10px 0px 0px;
	text-decoration:none;
}

#MenuHeader LI A:hover
{	
	text-decoration:none;
	color:#FFCC00;
}


/*===========IMAGEN DEL USUARIO=========*/
#Foto
{
	width:185px;
	height:195px;
	background:url(../images/catalogoVL3/bg_fotoperfil.jpg) no-repeat;
	margin:8px auto;
	text-align:center;
	float:none;	
}

#Foto IMG
{
	width:145px;
	height:155px;
	padding:1px;
	background:#fff;
	margin:19px auto 0px auto;
	border:none;
}
/*=======CONTENEDOR DEL TITULO Y MENU DE IDIOMAS======*/
#Titulo H1
{	
	font-size:20px;
	text-align:center;
	color:#fff;
	padding:15px 0px 0px 0px;
}

#Titulo H4
{	
	font-size:16px;
	text-align:center;
}

#Titulo P
{	
	font-size:12px;
	color:#fff;
	text-align:center;
	margin:5px 0px 0px 0px;
}
/*=============PROFILE=============*/
#ContainerProfile
{
	width:365px;
	height:445px;
	float:left;
	margin:0px 0px 0px 10px;
}

.LinkProfile
{
	font-size:12px;
	margin:4px;
	text-align:right;
}

A:link.LinkProfile , A:visited.LinkProfile 
{	color:#223a66;	}

A:hover.LinkProfile
{	
	color:#999;	
	text-decoration:none;
}
/*============VER EL PERFIL==============*/
#VerProfile
{	margin:10px 0px 0px 0px;	}

#VerProfile P
{
	margin:0px 5px 2px 5px;
	padding:2px 0px;
	font-size:11px;
	clear:both;
	height:14px;
	text-align:left;
}

#VerProfile LABEL
{
	display:block;
	width:120px;
	font-weight:bold;
	text-align:right;
	margin:0px 3px 0px 0px;
	float:left;
}
/*===============EDITAR EL PERFIL================*/
#UserInfo
{
	width:590px;
	margin:4px 0px 0px 0px;
	float:left;
	height:445px;
}

#TabProfile
{	height:27px;	}

#TabProfile UL
{	font-size:11px;	}


#TabProfile LI.Info
{
	list-style:none;
	float:left;
	width:82px;
	text-align:right;
	margin:0px 3px 0px 0px;
	background:url(../images/catalogoVL3/bg_tabinfo.png) no-repeat;
	padding:5px 4px 0px 0px;
	height:21px;
}

#TabProfile LI.Info2
{
	list-style:none;
	float:left;
	width:82px;
	text-align:right;
	margin:0px 3px 0px 0px;
	background:url(../images/catalogoVL3/bg_tabinfo2.png) no-repeat;
	padding:5px 4px 0px 0px;
	height:21px;
}

#TabProfile LI.Video
{
	list-style:none;
	float:left;
	width:94px;
	text-align:right;
	margin:0px 3px 0px 0px;
	background:url(../images/catalogoVL3/bg_tabvideo.png) no-repeat;
	padding:5px 6px 0px 0px;
	height:21px;
}

#TabProfile LI.Video2
{
	list-style:none;
	float:left;
	width:94px;
	text-align:right;
	margin:0px 3px 0px 0px;
	background:url(../images/catalogoVL3/bg_tabvideo2.png) no-repeat;
	padding:5px 6px 0px 0px;
	height:21px;
}

#TabProfile A
{
	color:#fff;
	text-decoration:none;
}

#TabProfile A:hover
{	text-decoration:underline;	}
/*==============================INFORMACION DEL PERFIL===================================*/
#InfoProfile
{	
	border:2px solid #ccc;
	padding:5px 0px 5px 0px;
	height:400px;
}

#InfoProfile H1
{
	font-size:15px;
	color:#223a66;
	margin:0px 0px 0px 5px;
	padding:0px;
}

#InfoProfile P.Descripcion
{
	font-size:11px;
	height:95px;
	overflow:auto;
	width:555px;
	margin:2px 0px 10px 5px;
	line-height:1.4em;
}
/*====================CONTENEDOR DEL VIDEO PERFIL=======================*/
#VideoProfile
{
	border:2px solid #ccc;
	padding:15px 0px 5px 0px;
	width:586px;
	height:370px;
	text-align:center;
}

#VideoProfile H1
{
	font-size:14px;
	color:#223a66;
	text-align:center;
	margin:0px 0px 5px 0px;
}

#VideoProfile P.Info
{
	background:url(../images/catalogoVL3/ico_info.png) no-repeat 5px center;
	font-size:11px;
	width:500px;
	padding:8px 0px 8px 30px;
	border:1px solid #FFC166;
	margin:5px auto 10px auto;
	font-weight:bold;
	text-align:left;
}

/*==========OPCIONES PARA EL PERFIL===========*/
#OpcionesPerfil
{
	border:1px solid #efefef;
	background:#fafafa;
	width:300px;
	height:140px;
	margin:15px auto 0px auto;
}

#OpcionesPerfil H1
{
	font-size:12px;
	color:#223A66;
	text-align:center;
	margin:5px 0px;
}

#OpcionesPerfil UL
{	
	font-size:11px;
	margin:0px 0px 0px 5px;
}

#OpcionesPerfil LI
{
	list-style:none;
	margin:0px 0px 2px 0px;
}

#OpcionesPerfil A
{	color:#000;	}

#OpcionesPerfil A:hover
{	
	color:#999;
	text-decoration:none;
}
/*=============MENU LISTA BAJO LOS BOTONES DEL CATALOGO==================*/
#ContainerOpciones
{	
	margin:2px 0px 0px 0px;
	.margin:8px 0px 0px 0px;
	clear:both;
}

#ContainerOpciones UL
{	text-align:center;}

#ContainerOpciones LI
{
	display:inline;
	text-align:center;
	margin:0px 5px;
	font-size:11px;
	list-style:none;
}

#ContainerOpciones A
{	color:#223A66;	}

#ContainerOpciones A:hover
{	
	color:#999;
	text-decoration:none;
}
/*============================================================*/
#ListaVideo, #ListaAmigos, #ListaVisitantes
{
	width:590px;
	margin:0px auto;
	height:380px;
}

#ListaVideo H1, #ListaAmigos H1, #ListaVisitantes H1
{
	font-size:14px;
	text-align:center;
	margin:3px 0px;
}

#ContainerLista
{
	width:586px;
	height:380px;
	overflow:auto;
	overflow-x:hidden;
	margin:0px auto;
	border:2px solid #efefef;
	padding:5px 0px;
} 
#ContainerLista P.Info, #ContainerLista P.Info
{
	background:url(../images/catalogoVL3/ico_info.png) no-repeat 5px center;
	font-size:11px;
	width:400px;
	padding:8px 0px 8px 30px;
	border:1px solid #FFC166;
	margin:5px auto 10px auto;
	font-weight:bold;
}
/*===============CLASE PARA LOS VIDEOS LISTADOS================*/
.VPerfil
{
	border:1px solid #ccc;
	width:100px;
	height:112px;
	float:left;
	background:#fafafa;
	text-align:center;
	margin:3px 4px;
}

.VPerfil IMG
{
	width:80px;
	height:65px;
	border:2px solid #999;
	padding:1px;
	background:#fff;
	margin:5px auto 0px auto;
}

.VPDatos
{
	width:100px;
	margin:0px auto 0px auto;
}

.VPDatos P
{
	font-size:10px;
	font-weight:bold;
	width:96px;
	margin:0px auto!important;
	clear:both;
	width:96px;
	height:16px;
	overflow:hidden;
}
/*==========CLASE PARA LOS AMIGOS==========*/
.Friend
{
	width:225px;
	height:80px;
	clear:both;
	border:1px solid #006600;
	background:#F3F9EC;
	margin:0px auto 5px auto;
}
/*========CONTENEDOR DE LA FOTO PARA EL AMIGO========*/
.FriendOpciones
{
	width:22px;
	height:60px;
	margin:15px 0px 0px 2px;
	text-align:center;
	float:left;
}

.FriendOpciones SPAN.VerPerfil A
{	
	width:16px;
	height:11px;
	display:block;
	font-size:5px;
	margin:0px auto 5px auto;
	background:url(../images/catalogoVL3/ico_perfil.png) no-repeat;
}

.FriendOpciones SPAN.VerPerfil A:hover
{	background:url(../images/catalogoVL3/ico_perfil.png) no-repeat 0px -11px;	}
/*===========ENVIO DE MENSAJES A FRIEND==========*/
.FriendOpciones SPAN.EnviarMensaje A
{	
	display:block;
	width:16px;
	height:10px;
	font-size:5px;
	background:url(../images/catalogoVL3/ico_message.png) no-repeat;
}

.FriendOpciones SPAN.EnviarMensaje A:hover
{	background:url(../images/catalogoVL3/ico_message.png) no-repeat 0px -10px;	}
/*===========ELIMINAR A FRIEND==========*/
.FriendOpciones SPAN.Eliminar A
{	
	display:block;
	width:15px;
	height:18px;
	font-size:5px;
	margin:5px 0px 0px 0px;
	background:url(../images/catalogoVL3/ico_eliminarfriend.png) no-repeat;
}
.FriendOpciones SPAN.Agregar A
{	
	display:block;
	width:15px;
	height:18px;
	font-size:5px;
	margin:5px 0px 0px 0px;
	background:url(../images/catalogoVL3/ico_agregarfriend.png) no-repeat;
}
/*=========CONTENEDOR DE LA FOTO DE FRIEND=========*/
.FriendImg
{
	width:74px;
	height:70px;
	float:left;
	margin:4px 0px 0px 2px;
}

.FriendImg IMG
{
	border:2px solid #006600;
	width:70px;
	height:68px;
}
/*=========CONTENEDOR PARA LOS DATOS DEL AMIGO=========*/
.FriendDatos
{
	width:115px; 
	height:48px;
	float:left; 
	margin:5px 0px 0px 4px;
}

.FriendDatos H1
{
	font-size:11px!important;
	text-align:left!important;
	margin:0px!important;
	width:112px!important;
	overflow:hidden!important;
	height:16px!important;
}

.FriendDatos P
{
	font-size:10px!important;
	text-align:left!important;
	margin:0px 0px 1px 0px!important;
	width:112px!important;
	overflow:hidden!important;
	height:12px!important;
}
/*========================OTROS DATOS SOBRE EL AMIGO==================*/
.FLEstado
{
	width:115px; 
	height:26px;
	float:left; 
	margin:0px 0px 0px 4px;
}

.FLEstado P
{
	font-size:10px!important;
	text-align:right!important;
	margin:0px!important;
}

.FLEstado P.InLine
{
	color:#339900;
	font-weight:bold;
}
/*==========CLASE PARA ULTIMOS VISITANTESLOS AMIGOS==========*/
.Visitantes
{
	width:225px;
	height:80px;
	clear:both;
	border:1px solid #CCCCCC;
	background:#EEEEEE;
	margin:0px auto 5px auto;
}
/*========CONTENEDOR DE LA FOTO PARA EL AMIGO========*/
.VisitantesOpciones
{
	width:22px;
	height:60px;
	margin:15px 0px 0px 2px;
	text-align:center;
	float:left;
}

.VisitantesOpciones SPAN.VerPerfil A
{	
	width:16px;
	height:11px;
	display:block;
	font-size:5px;
	margin:0px auto 5px auto;
	background:url(../images/catalogoVL3/ico_perfil.png) no-repeat;
}

.VisitantesOpciones SPAN.VerPerfil A:hover
{	background:url(../images/catalogoVL3/ico_perfil.png) no-repeat 0px -11px;	}
/*===========ENVIO DE MENSAJES A FRIEND==========*/
.VisitantesOpciones SPAN.EnviarMensaje A
{	
	display:block;
	width:16px;
	height:10px;
	font-size:5px;
	background:url(../images/catalogoVL3/ico_message.png) no-repeat;
}

.VisitantesOpciones SPAN.EnviarMensaje A:hover
{	background:url(../images/catalogoVL3/ico_message.png) no-repeat 0px -10px;	}
/*===========ELIMINAR A FRIEND==========*/
.VisitantesOpciones SPAN.Eliminar A
{	
	display:block;
	width:15px;
	height:18px;
	font-size:5px;
	margin:5px 0px 0px 0px;
	background:url(../images/catalogoVL3/ico_eliminarfriend.png) no-repeat;
}

.VisitantesOpciones SPAN.Agregar A
{	
	display:block;
	width:15px;
	height:18px;
	font-size:5px;
	margin:5px 0px 0px 0px;
	background:url(../images/catalogoVL3/ico_agregarfriend.png) no-repeat;
}
/*=========CONTENEDOR DE LA FOTO DE FRIEND=========*/
.VisitantesImg
{
	width:74px;
	height:70px;
	float:left;
	margin:4px 0px 0px 2px;
}

.VisitantesImg IMG
{
	border:2px solid #999;
	width:70px;
	height:68px;
}
/*=========CONTENEDOR PARA LOS DATOS DEL AMIGO=========*/
.VisitantesDatos
{
	width:115px; 
	height:48px;
	float:left; 
	margin:5px 0px 0px 4px;
}

.VisitantesDatos H1
{
	font-size:11px!important;
	text-align:left!important;
	margin:0px!important;
	width:112px!important;
	overflow:hidden!important;
	height:16px!important;
}

.VisitantesDatos P
{
	font-size:10px!important;
	text-align:left!important;
	margin:0px 0px 1px 0px!important;
	width:112px!important;
	overflow:hidden!important;
	height:12px!important;
}
/*========================OTROS DATOS SOBRE EL AMIGO==================*/
.VisitantesEstado
{
	width:115px; 
	height:26px;
	float:left; 
	margin:0px 0px 0px 4px;
}

.VisitantesEstado P
{
	font-size:10px!important;
	text-align:right!important;
	margin:0px!important;
}

.VisitantesEstado P.InLine
{
	color:#339900;
	font-weight:bold;
}

/*==========CLASE PARA ULTIMOS VISITANTES PENDIENTES==========*/
.VisitantesPending
{
	width:225px;
	height:80px;
	clear:both;
	border:1px solid #FF9900;
	background:#FDF7E8;
	margin:0px auto 5px auto;
}
/*========CONTENEDOR DE LA FOTO PARA EL AMIGO========*/
.VPOpciones
{
	width:22px;
	height:60px;
	margin:15px 0px 0px 2px;
	text-align:center;
	float:left;
}

.VPOpciones SPAN.VerPerfil A
{	
	width:16px;
	height:11px;
	display:block;
	font-size:5px;
	margin:0px auto 5px auto;
	background:url(../images/catalogoVL3/ico_perfil.png) no-repeat;
}

.VPOpciones SPAN.VerPerfil A:hover
{	background:url(../images/catalogoVL3/ico_perfil.png) no-repeat 0px -11px;	}
/*===========ENVIO DE MENSAJES A FRIEND==========*/
.VPOpciones SPAN.EnviarMensaje A
{	
	display:block;
	width:16px;
	height:10px;
	font-size:5px;
	background:url(../images/catalogoVL3/ico_message.png) no-repeat;
}

.VPOpciones SPAN.EnviarMensaje A:hover
{	background:url(../images/catalogoVL3/ico_message.png) no-repeat 0px -10px;	}
/*===========ELIMINAR A FRIEND==========*/
.VPOpciones SPAN.Eliminar A
{	
	display:block;
	width:15px;
	height:18px;
	font-size:5px;
	margin:5px 0px 0px 0px;
	background:url(../images/catalogoVL3/ico_eliminarfriend.png) no-repeat;
}

.VPOpciones SPAN.Agregar A
{	
	display:block;
	width:15px;
	height:18px;
	font-size:5px;
	margin:5px 0px 0px 0px;
	background:url(../images/catalogoVL3/ico_agregarfriend.png) no-repeat;
}
/*=========CONTENEDOR DE LA FOTO DE FRIEND=========*/
.VPImg
{
	width:74px;
	height:70px;
	float:left;
	margin:4px 0px 0px 2px;
}

.VPImg IMG
{
	border:2px solid #FF9900;
	width:70px;
	height:68px;
}
/*=========CONTENEDOR PARA LOS DATOS DEL AMIGO=========*/
.VPDatos
{
	width:115px; 
	height:48px;
	float:left; 
	margin:5px 0px 0px 4px;
}

.VPDatos H1
{
	font-size:11px!important;
	text-align:left!important;
	margin:0px!important;
	width:112px!important;
	overflow:hidden!important;
	height:16px!important;
}

.VPDatos P
{
	font-size:10px!important;
	text-align:left!important;
	margin:0px 0px 1px 0px!important;
	width:112px!important;
	overflow:hidden!important;
	height:12px!important;
}
/*========================OTROS DATOS SOBRE EL AMIGO==================*/
.VPEstado
{
	width:115px; 
	height:26px;
	float:left; 
	margin:0px 0px 0px 4px;
}

.VPEstado P
{
	font-size:10px!important;
	text-align:right!important;
	margin:0px!important;
}

.VPEstado P.InLine
{
	color:#339900;
	font-weight:bold;
}
/*==========SLIDE=======*/
.TituloInfo
{	
	background:url(../images/catalogoVL3/bg_tituloperfil.png) repeat-x;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:580px;
	height:25px;
	overflow:hidden;
	cursor:pointer;
	margin:0px auto 3px auto;
}

.TituloInfo H1
{	
	float:left!important;
	font-size:12px!important;
	padding:0px 0px 0px 5px!important;
	margin:5px 0px 0px 0px!important;
	color:#213D6E;
	width:480px;
	text-align:left!important;
}

.TituloInfo SPAN
{	
	float:right!important;
	font-size:10px!important;
	margin:10px 0px 0px 0px!important;
	padding:0px 5px 0px 0px;
	color:#213D6E;
	width:65px;
	text-align:right;
}

.ContentInfo
{
	width:570px;
	visibility:hidden;
	overflow:hidden;	
	margin:0px auto!important;
}

.AreaInfo
{
	width:570px;
	height:315px;
}

.AreaInfo P
{
	padding:0px 0px 0px 3px!important;
	margin:0px 0px 5px 0px!important;
	color:#000!important;	
	height:auto!important;
}

.AreaInfo SPAN
{
	padding:0px 0px 0px 3px!important;
	margin:0px 0px 5px 0px!important;
	color:#000!important;	
	height:auto!important;
	float:right;
	font-size:12px;
	font-weight:bold;
}

.AreaInfo TEXTAREA
{
	border:1px solid #ccc;
	margin:0px auto;
	font-family:Verdana;
	font-size:11px;
	line-height:1.6em;
	width:565px;
	height:305px;
	padding:0px 0px 0px 3px;
}