/*************************/
/*************************/
/******* CSS RESET *******/
/*************************/
/*************************/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	/*line-height: 1; */ /* Debo quitarlo o se me fastidia la cosa en IE7. */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/***********************************/
/***********************************/
/******* Elementos generales *******/
/***********************************/
/***********************************/

body{
	background-color:#f4f4f4;
	background-repeat:no-repeat;
	background-position:center top;
}

body, table, td, div, p, a, blockquote, span, h1, h2, h3, h4, h5, h6, pre{
	font-size:13px;
	font-family:Verdana;
	color:#000000;
	line-height:130%;
}

a{color:#d96803; text-decoration:none;}
a:hover{text-decoration:underline;}

.EnlaceNormal{
	color:#d96803;
}

.EnlaceClasico{
	color:#0066FF;
}

.EnlaceClasico:hover, .EnlaceNormal:hover{
	text-decoration:underline;
	cursor:pointer;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.clearBoth{
	clear:both;
}

.ErrorRojo{
	border:1px solid #FF0000 !important;
	background-color:#ffeeee !important;
}

.Rojo{
	color:#FF0000 !important;
}

.Articulo p{
	padding:10px 0px;
}

.LeerMas{
	text-align:right;
	padding:5px;
}

.LeerMas a{
	font-size:16px !important;
}




div.BotonGeneral{ /* Centrado */
	margin:0px auto 0px auto;
	float:left;
	left:50%;
	position:relative;
}

div.BotonGeneralLeft{ /* Left */
	float:left;
}

div.BotonGeneralRight{ /* Right */
	float:right;
}

div.BotonGeneral span, div.BotonGeneralLeft span, div.BotonGeneralRight span{
	background:url("Imagenes/BotonPxHorizontal.gif") repeat-x center top;
	text-align:center;
	height:18px;
	padding:2px 17px 0px 20px;
	font-size:13px;
	color:#888888;
	font-weight:bold;
	cursor:pointer;
	float:left;
	border:1px #cfcfcf solid;
}

div.BotonGeneral span{
	right:50%;
	position:relative;
}


div.BotonGeneral span:hover, div.BotonGeneralLeft span:hover, div.BotonGeneralRight span:hover, div.BotonGeneral span:focus, div.BotonGeneralLeft span:focus, div.BotonGeneralRight span:focus{
	background:url("Imagenes/BotonPxHorizontalHover.gif") repeat-x center top;
}


div.RotuloGeneral{
	background:url("Imagenes/RotuloPxHorizontal.gif") repeat-x center top;
	border:1px solid #d0d0d0;
	padding:4px 0px 0px 8px;
	color:#777777;
	font-size:12px;
	font-weight:bold;
	height:17px;
}

div.RotuloGeneral span.Texto{
	color:#777777;
	font-size:12px;
	font-weight:bold;
}

h4.RotuloH4{
	font-size:15px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:1px #666666 dotted;
}


/**** Elementos del dominio ****/

.CategoriaTitulo{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#d96803;
	/*border:1px #cfcfcf solid;
	background-color:#f7f7f7;*/
	padding:6px;
	margin-bottom:20px;
}

.EtiquetaTitulo{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#d96803;
	/*border:1px #cfcfcf solid;
	background-color:#f7f7f7;*/
	padding:6px;
	margin-bottom:20px;
}


.SeparacionArticulos{
	height:40px;
	background:url("Imagenes/rayas-contenido.gif") repeat-x center center;
	margin-bottom:30px;
}

input.Texto{
	border:1px #c5ccd1 solid;
	background-color:#ffffff;
	width:200px;
	font-size:12px;
	width:200px;
	height:15px;
}


input.Texto:focus{
	background-color:#eeeeee;
}

.FondoNegro{
	background-color:#000000 !important;
	filter:alpha(opacity=70) !important; 
	opacity:.7 !important;
}

/***********************************/
/***********************************/
/******* Elementos concretos *******/
/***********************************/
/***********************************/

#CapaCentradora{
	width:996px;
	margin:0 auto 0 auto;
	position:relative; 
}

#HeaderId{
	height:91px;
}

#HeaderId .Izquierda{
	float:left;
	width:455px;
	height:91px;
	background:url("Imagenes/logo.jpg") no-repeat center top;
	position:relative;
}

#HeaderId .Izquierda a{
	width:375px;
	height:41px;
	position:absolute;
	left: 73px;
	top: 20px;
}

#HeaderId .Izquierda h1{
	position:absolute;
	left:93px;
	top:62px;
	color:#848383;
	font-size:14px;
	font-weight:bold;
}

#HeaderId .Derecha{
	float:right;
	width:535px;
	height:91px;
	position:relative;
}

#HeaderId .Derecha .MenuSuperior{
	position:absolute;
	right:15px;
	top:47px;
}

#HeaderId .Derecha .MenuSuperior a{
	font-size:15px;
	color:#a6a6a6;
	font-weight:bold;
	margin-left:20px;
}

#HeaderId .Derecha .MenuSuperior a:hover{
	color:#d96803;
}

/*********************************************************************/
/**************       Bloque Login             ***********************/
/*********************************************************************/

/*
 * Atención: Uso estos estilos tanto en el Header, como en los comentarios. 
 * Y tal vez los use también en capas que permitan el LogIn.
 */

.BloqueLogin{
	float:right;
	color:#a6a6a6;
	padding:10px 15px 0px 0px;
}

.BloqueLogin span{
	color:#a6a6a6;
	float:right;
	font-weight:bold;
}

.BloqueLogin span.Accion_LoginFacebook{
	background:url("Imagenes/sprites.jpg") no-repeat 0px 0px;
	width:166px;
	height:22px;
	margin:0px 0px 0px 22px;
	padding:0px;
	cursor:pointer;
}

.BloqueLogin span.Accion_LoginFacebook:focus{
	outline:#666666 dotted thin;
}

.BloqueLogin span.Separador{
	padding:3px 6px 0px 6px;
	font-weight:bold;
	font-size:13px;
}

.BloqueLogin span.Accion_LoginClasico, .BloqueLogin span.Accion_RegistroClasico{
	padding-top:3px;
	cursor:pointer;
	font-size:13px;
}

.BloqueLogin span.Accion_LoginClasico:hover, .BloqueLogin span.Accion_RegistroClasico:hover{
	color:#d96803;
}

/*********************************************************************/
/**************       Bloque Login Fin             *******************/
/*********************************************************************/



/*********************************************************************/
/**************       Bloque HeaderUsuario         *******************/
/*********************************************************************/


#HeaderId .HeaderUsuario{
	float:right;
	padding:0px 11px 0px 0px;
}

#HeaderId .HeaderUsuario span, #HeaderId .HeaderUsuario a{
	color:#8d8d8d;
	font-size:13px;
	float:right;
	font-weight:bold;
}

#HeaderId .HeaderUsuario a:hover{
	color:#d96803;
}

#HeaderId .HeaderUsuario span.Mensajes{
	background:url("Imagenes/sprites.jpg") no-repeat -0px -22px;
	width:42px;
	height:42px;
	cursor:pointer;
}

#HeaderId .HeaderUsuario span.Mensajes:hover{
	background-position:-42px -22px;
}


#HeaderId .HeaderUsuario span.Notificaciones{
	background:url("Imagenes/sprites.jpg") no-repeat -0px -64px;
	width:42px;
	height:42px;
	cursor:pointer;
}
#HeaderId .HeaderUsuario span.Notificaciones:hover{
	background-position:-42px -64px;
}

#HeaderId .HeaderUsuario span.Configuracion{
	background:url("Imagenes/sprites.jpg") no-repeat -0px -106px;
	width:42px;
	height:42px;
	cursor:pointer;
}

#HeaderId .HeaderUsuario span.Configuracion:hover{
	background-position:-42px -106px;
}

#HeaderId .HeaderUsuario a.NombreUsuario{
	margin:14px 60px 0px 0px;
	/* Las siguientes 3 lineas no tienen efecto real en este dominio. */
	max-width:250px;
	max-height:29px;
	overflow:hidden;
}

#HeaderId .HeaderUsuario .Avatar{
	margin:7px 10px 0px 0px;
}

#HeaderId .HeaderUsuario .Avatar img{
	width:30px;
	height:30px;
	border:0px;
}

#HeaderId .HeaderUsuario .Avatar img:hover{
}

/*********************************************************************/
/**************       Bloque HeaderUsuario Fin     *******************/
/*********************************************************************/


#ContenidoId{
	margin-top:210px;
	border:1px #c6c6c6 solid;
	background-color:#FFFFFF;
	padding:17px;
}

#ContenidoId .MenuIzquierdo{
	float:left;
	width:204px;
}

#ContenidoId .MenuIzquierdo .BloqueCategoria{
	border:1px #cfcfcf solid;
	background-color:#f7f7f7;
	padding:12px;
	margin-bottom:9px;
}

#ContenidoId .MenuIzquierdo .BloqueCategoria div.DivCategoria{
	margin-bottom:6px;
}

#ContenidoId .MenuIzquierdo .BloqueCategoria a.Categoria{
	font-size:15px;
	color:#2a2a2a;
	font-weight:bold;
	text-decoration:none;
}

#ContenidoId .MenuIzquierdo .BloqueCategoria a.Categoria:hover{
	color:#cb6102;
}

#ContenidoId .MenuIzquierdo .BloqueCategoria a.SubCategoria{
	font-size:14px;
	color:#5e5e5e;
	display:block;
	height:26px;
	line-height:26px;
	padding-left:17px;
	white-space:nowrap;
	background:url("Imagenes/rayas-menu.gif") no-repeat left top;
	text-decoration:none;
}

#ContenidoId .MenuIzquierdo .BloqueCategoria a.SubCategoria:hover{
	color:#cb6102;
	background:url("Imagenes/rayas-menu2.gif") no-repeat left top;
}

#ContenidoId .ColumnaDerecha{
	float:right;
	width:738px;

}

/*********************************************************************/
/**********       Artículo y Categoría Publicidad      ***************/
/*********************************************************************/

.Articulo .Publicidad{
	text-align:center;
	padding-top:15px;
}

.Articulo .Publicidad2{
	text-align:center;
	padding-top:8px;
	padding-bottom:7px;
}

.Articulo .Publicidad3{
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
}

.PublicidadCategoria{
	text-align:center;
	padding-bottom:20px;
}

.DescripcionCategoria{
	margin:0px auto;
	padding-bottom:20px;
	text-align:justify;
}

/*********************************************************************/
/******************       Artículo            ************************/
/*********************************************************************/

.Articulo .CategoriaPrincipal{
	padding-bottom:0px;
}

.Articulo .CategoriaPrincipal span.EnlaceA{
	width:500px;	
	height:31px;
	float:left;
}

.Articulo .CategoriaPrincipal span.EnlaceA a{
	font-weight:bold;
	font-size:14px;
	color:#d96803;
	text-transform:uppercase;
}


.Articulo .Titulo{
	font-weight:bold;
	font-size:22px;
	color:#242424;
	padding-bottom:18px;
}

.Articulo .Titulo a{
	font-weight:bold;
	font-size:20px;
	color:#242424;
	text-decoration:none;
}

.Articulo .Titulo a:hover{
	color:#803E02;
}

.Articulo .DatosHeader{
	padding:0px 0px 7px 0px;
	background:url("Imagenes/rayas-contenido.gif") repeat-x center bottom;
}

.Articulo .DatosHeader .Izquierda{
	padding-bottom:1px;	
	float:left;
	width:350px;
}

.Articulo .DatosHeader .IzquierdaComentarios{
	float:none !important;
	width:auto !important;
}


.Articulo .DatosHeader .Izquierda .NombreEditor{
	padding-bottom:2px;
}

.Articulo .DerechaSocial{
	float:right;
	padding-top:8px;
	text-align:right;
}

.Articulo .DerechaSocial .SocialGoogle{
	position:relative;
	top:3px;
	left:5px;
}

.Articulo .DerechaSocial .SocialTwitter{
	position:relative;
	top:3px;
	left:-10px;
}

.Articulo .DatosHeader .Izquierda .NombreEditor a{
	font-weight:bold;
	font-size:12px;
	color:#ababab;
}

.Articulo .DatosHeader .Fecha{
	font-weight:normal;
	font-size:12px;
	color:#242424;
	padding-bottom:2px;
}

.Articulo .DatosHeader .Izquierda img.ImagenAvatarEditor{
	float:left;
	margin-right:7px;
	max-width:30px;
	max-height:30px;
	position:relative;
	top:1px;
}

.Articulo .DatosHeader .Derecha{

}

.Articulo .Contenido{
	font-weight:normal;
	font-size:13px;
	color:#000000;
	width:728px;
	margin:0px auto;
	padding:10px 0px 0px 0px;
}

.Articulo .Contenido, .Articulo .Contenido p, .Articulo .Contenido div{
	text-align:justify;
}

.Articulo .DatosFooter{
	border:1px #cfcfcf solid;
	background-color:#f7f7f7;
	padding:15px;
	margin:10px 0px 20px 0px;
}

.Articulo .DatosFooter .Zona1{
	float:left;
	width:450px;
	padding-bottom:0px;
}

.Articulo .DatosFooter .Zona1 span.Coma:last-child, .Articulo .DatosFooter .Zona3 span.Coma:last-child{
	display:none;
}

.Articulo .DatosFooter .Zona2{
	float:right;
	width:220px;
}

.Articulo .DatosFooter .Zona2 span.TextoCompartelo{
	float:left;
	font-weight:bold;
	font-size:12px;
	color:#333333;
	padding:0px 4px;
}

.Articulo .DatosFooter .Zona2 span.FacebookMiniCompartir{
	float:left;
	position:relative;
	top:-2px;
	left:3px;
	width:20px;
	height:20px;
	background:url("Imagenes/sprites.jpg") no-repeat -84px -53px;
	cursor:pointer;
}

.Articulo .DatosFooter .Zona2 span.SocialGoogleSmall{
	float:left;
	position:relative;
	top:-1px;
	padding-left:15px;
}

.Articulo .DatosFooter .Zona2 a.TwitterMiniCompartir{
	float:left;
	position:relative;
	top:-2px;
	left:13px;
	width:20px;
	height:20px;
	background:url("Imagenes/sprites.jpg") no-repeat -104px -53px;
	cursor:pointer;
	text-decoration:none;
	border:0px;
}

.Articulo .DatosFooter .Zona2 a.MeneameMiniCompartir{
	float:left;
	position:relative;
	top:-2px;
	margin-left:13px;
	left:13px;
	width:20px;
	height:20px;
	background:url("Imagenes/sprites.jpg") no-repeat -144px -53px;
	cursor:pointer;
	text-decoration:none;
	border:0px;
}


.Articulo .DatosFooter .Zona1 span:first-child, .Articulo .DatosFooter .Zona3 span:first-child{
	font-weight:bold;
	font-size:12px;
	color:#333333;
	padding:0px 4px;
}

.Articulo .DatosFooter .Zona1 a, .Articulo .DatosFooter .Zona3 a{
	font-weight:bold;
	font-size:12px;
	color:#888484;
}

.Articulo .DatosFooter .Zona3{
	float:left;
	width:450px;
}



/*********************************************************************/
/*********************        Fuentes             ********************/
/*********************************************************************/

.Fuentes{
	text-align:right !important;
}

.Fuentes a, .Fuentes span, .Fuentes div{
	font-size:12px !important;
}

.Fuentes a{
	color:#888484;
}

.Fuentes .TituloFuentes:not(:first-child){
	display:none;
}

.Fuentes .TituloFuentes:first-child{
	font-weight:normal;
	color:#000000;
}

.Fuentes span.SeparadorFuentes:last-child{
	display:none;
}


/*********************************************************************/
/****************    Comentarios a artículos       *******************/
/*********************************************************************/

.Articulo .Comentarios{
padding:20px 0px 20px 0px;
}

.Articulo .Comentarios div.Titulo{
	text-align:left;
	color:#464646;
	font-size:20px;
	font-weight:normal;
	background:url("Imagenes/FlechaInicioPosts.gif") no-repeat center bottom;
	padding-bottom:30px;	
	margin-bottom:10px;
}

.Articulo .Comentarios .Comentario{
	border:1px #dfdfdf solid;
	background-color:#f9f9f9;
	margin-bottom:10px;
	padding:9px;
	position:relative;
}



.Articulo .Comentarios .Comentario .ConfirmacionBorrado{
	font-size:11px;
	margin-bottom:3px;
}

.Articulo .Comentarios .Comentario a.Deshacer{
	font-size:11px;
	
}

.Articulo .Comentarios .Comentario .ConfirmarCerrar{
	position:absolute;
	top:18px;
	right:5px;
	z-index:3;
	border:1px #868686 solid;
	background-color:#ffffff;
	color:#000000;
	padding:2px 15px 3px 15px;
	text-align:center;
	font-size:11px;
	cursor:pointer;
	display:none;
}

.Articulo .Comentarios .Comentario .ConfirmarCerrar:hover{
	border:1px #333333 solid;
	background-color:#9f9f9f;
	color:#ffffff;	
}

.Articulo .Comentarios .Comentario .Cerrar{
	width:15px;
	height:15px;
	background:url("Imagenes/sprites.jpg") no-repeat -160px -31px;
	position:absolute;
	top:3px;
	right:5px;
	cursor:pointer;
	display:none;
	z-index:2;
}

.Articulo .Comentarios .Comentario .Cerrar:hover, .Articulo .Comentarios .Comentario .CerrarHover{
	background:url("Imagenes/sprites.jpg") no-repeat -145px -31px !important;
}


/* Los datos del header de un comentario los cojo de su análogo para el artículo. */

.Articulo .Comentarios .Comentario .ComentarioContenido{
	padding:10px 0px;
	text-align:justify;
	font-size:12px;
}

.Articulo .Comentarios .ComentarioEscribir{
	margin:20px 0px 20px 0px;
	border:1px #cfcfcf solid;
	background-color:#f7f7f7;
	padding:10px;
}

.Articulo .Comentarios .ComentarioEscribir .AvatarComentario{
	float:left;
	width:30px;
	display:none;
}

.Articulo .Comentarios .ComentarioEscribir .AvatarComentario img{
	position:relative;
	top:0px;
}

.Articulo .Comentarios .ComentarioEscribir .ComentarioTexto{
	margin-left:40px;
	padding:0px;	
	position:relative;
	text-align:right;
}

.Articulo .Comentarios .ComentarioEscribir .ComentarioTextoVacio{
	margin-left:0px;
}

.Articulo .Comentarios .ComentarioEscribir .ComentarioTexto .EsquinaTextArea{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	width:12px;
	height:15px;
	background:url("Imagenes/sprites.jpg") no-repeat -118px -31px;
	display:none;
}


.Articulo .Comentarios .ComentarioEscribir .ComentarioTexto textarea{
	border:1px #dfdfdf solid;
	background-color:#ffffff;
	width:98%;
	height:65px;
	color:#000000;
	font-size:12px;
	padding:2px;
}

.Articulo .Comentarios .ComentarioEscribir .ComentarioTexto textarea.Vacio{
	color:#999999;
	font-size:11px;
	height:25px !important;
	width:100%;
}

.Articulo .PalabraComentarios{
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#404040;
	line-height:24px;
	margin-right:6px;
	cursor:pointer;
}

.Articulo .TotalComentarios{
	float:right;
	background:url("Imagenes/sprites.jpg") no-repeat -84px -22px;	
	width:34px;
	height:31px;
	text-align:center;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	line-height:23px;
	overflow:hidden;
	cursor:pointer;
}

.Articulo .PalabraComentarios:hover{
	color:#d96803;
}

/*
 * Sobreescribo el estilo general de BloqueLogin.
 */
.Articulo .Comentarios .BloqueLogin{
	display:none;
}
.Articulo .Comentarios .BloqueLogin span{
	color:#555555;
}

.Articulo .Comentarios .Comentario{
	
}

.Articulo .Comentarios .NingunComentario{
	text-align:center;
	padding:15px;
}

.Articulo .Comentarios .ComentarioEscribir .ComentarioTexto .Enviar{
	margin-top:8px;
	display:none;
}

.Articulo .Comentarios .ComentarioEscribir .ComentarioTexto .OpcionesEspeciales{
	display:none;
	height:13px;
}

.Articulo .Comentarios .ComentarioEscribir .ComentarioTexto .OpcionesEspeciales .AdjuntarImagenes{
	width:11px;
	height:9px;
	background:url("Imagenes/sprites.jpg") no-repeat -166px -12px;
	float:right;
	margin:0px 4px 0px 10px;
	cursor:pointer;
}

.Articulo .Comentarios .ComentarioEscribir .ComentarioTexto .OpcionesEspeciales .TextoEnriquecido{
	width:23px;
	height:9px;
	background:url("Imagenes/sprites.jpg") no-repeat -118px -22px;
	float:right;
	cursor:pointer;
	display:none;
}


/*********************************************************************/
/******************       Footer            ************************/
/*********************************************************************/

#FooterId{
	width:993px;
	margin:0px auto;
}

#FooterId .Fila1{
	padding:15px;
	text-align:center;
	font-size:12px;
	color:#777777;
}

#FooterId .Fila1 a{
	font-size:12px;
	color:#757679;
}

#FooterId .Fila2{
	padding:15px;
	text-align:center;
	background:url("Imagenes/rayas-footer.gif") no-repeat center top;
	color:#777777;
}

#FooterId .Fila2 a{
	font-size:12px;
	color:#777777;
}

#FooterId .Fila2 a:hover{
	font-size:12px;
	color:#000000;
}


/*********************************************************************/
/*********************          Galerias          *******************/
/*********************************************************************/

.Galerias{
	margin:20px 3px 25px 3px;
}

.Galerias a{
	color:#464646;
	font-size:16px !important;
	font-weight:bold;
}

.Galerias .FotosGaleria{
	border:1px #cfcfcf solid;
	background-color:#f7f7f7;
	padding:8px 0px 8px 8px;	
	margin-top:6px;
	display:block;
}

.Galerias .FotosGaleria span{
	float:left;
	overflow:hidden;
	padding:10px;
}

.Galerias .FotosGaleria img{
	padding:1px;
	background-color:#f4f4f4;
	border:1px #CCCCCC solid;	
	width:116px;
	height:87px;
}

.Galerias .FotosGaleria img:hover{
	background-color:#e0e0e0;
	border:1px #a0a0a0 solid;
}

h2.GaleriaTitulo{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#d96803;
	padding:6px;
	margin-bottom:10px;
}
 
img.GaleriaImagenesGrandes{
	max-width:95%;
	max-height:95%;	
	padding:2px;
	margin:20px auto;
	background-color:#f4f4f4;
	border:1px #CCCCCC solid;	
	display:block;	
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
}



/*********************************************************************/
/*********************     Flotante General       *******************/
/*********************************************************************/


.Flotante_General{
	display:block;
	position:absolute;
	top:200px;
	left:200px;
	padding:0px;
	border:1px solid #aeaeae;
	box-shadow:0px 0px 3px #cecece;
	-webkit-box-shadow:0px 0px 3px #cecece;
	-moz-box-shadow:0px 0px 3px #cecece;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-border-radius:0px;
	z-index:15;
}	

.Flotante_General .Interior{
	padding:5px;
	background-color:#FFFFFF;
}

.Flotante_General span.Cerrar{
	position:absolute;
	right:12px;
	font-size:10px;
	color:#566b78;
	font-weight:normal;
	cursor:pointer;
}

.Flotante_General span.Cerrar:hover{
	text-decoration:underline;
}



/*********************************************************************/
/******************     Flotante Foto Individual     *****************/
/*********************************************************************/

.Flotante_Foto_Individual{
	width:950px;
	top:10px;
}

.Flotante_Foto_Individual{
	background-color:#ffffff;
}

.Flotante_Foto_Individual .Foto{
	text-align:center;
	margin:0px auto;
	height:720px;
	line-height:720px;
	-moz-user-select:none;
	-webkit-user-select:none;
	padding-top:15px;
	cursor:pointer;
}

.Flotante_Foto_Individual .Foto img{
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	border:0 none;
	vertical-align:middle;
}

.Flotante_Foto_Individual .Cerrar{
	top:6px !important;
	z-index:15px;
}

.Flotante_Foto_Individual .AyudaTeclado{
	position:absolute;
	top:6px !important;
	left:12px;
	z-index:15;
	cursor:help;
	font-size:10px;
	color:#566b78;
}

.Flotante_Foto_Individual .FlechaDerecha, .Flotante_Foto_Individual .FlechaIzquierda{
	position:absolute;
	top:200px;
	z-index:15;
	width:45px;
	height:93px;
	cursor:pointer;
	display:none;
}

.Flotante_Foto_Individual .FlechaDerecha{
	right:20px;
	background:url("Imagenes/FlechaDerecha.png") no-repeat;	
}

.Flotante_Foto_Individual .FlechaIzquierda{
	left:20px;
	background:url("Imagenes/FlechaIzquierda.png") no-repeat;
}





/*********************************************************************/
/****************     Zona LogIn y Recuperar Contraseña    ***********/
/*********************************************************************/

.ZonaLogIn, .ZonaRecuperarPassword{
	margin:0px auto;
	width:570px;
	padding:2px;
	border:1px solid #aeaeae;
}

.ZonaLogIn .RotuloGeneral, .ZonaRecuperarPassword .RotuloGeneral{
	margin-bottom:10px;
}


.ZonaRecuperarPassword .Contenido .Explicacion{
	font-size:11px;
	text-align:justify;
	padding:10px 20px 18px 20px;
}

.ZonaRecuperarPassword .BotonRecuperarPassword{
	margin-top:20px;
	margin-bottom:20px;	
}

.ZonaLogIn .MensajeError{
	border:1px solid #ff6666;
	padding:11px;
	margin:20px 20px;
	background-color:#fff7f7;
	font-size:11px;
	line-height:150%;
	text-align:justify;
}

.ZonaLogIn .MensajeError a{
	font-size:11px;
}

.ZonaLogIn .MensajeError span{
	font-size:11px;
	color:#3f5f9f;
}

.ZonaLogIn .Contenido{

}

.ZonaLogIn td, .ZonaRecuperarPassword td{
	padding:6px;
}

.ZonaLogIn input.Texto, .ZonaRecuperarPassword input.Texto{
	position:relative;
	top:2px;
}

.ZonaLogIn input[type=checkbox]{
	position:relative;
	top:2px;
	left:-3px;
}


.ZonaLogIn .BotonConectar{
	position:relative;
	top:-30px;
}



.ZonaLogIn .SubRegistroFacebook{
	border-top:1px solid #bbbbbb;
	margin-top:20px;
}

.ZonaLogIn .SubRegistroFacebook div.TextoFacebook{
	font-size:11px;
	text-align:justify;
	padding:20px 15px;
}

.ZonaLogIn .SubRegistroFacebook2{
	margin-top:20px !important;
}

.ZonaLogIn .SubRegistroFacebook div.Accion_LoginFacebook, .ZonaLogIn .SubRegistroFacebook2 .Accion_LoginFacebook{
	background:url("Imagenes/sprites.jpg") no-repeat 0px 0px;
	width:166px;
	height:22px;
	padding:0px;
	cursor:pointer;
	margin:0px auto 20px auto;
}

.ZonaLogIn .SubRegistroFacebook div.Accion_LoginFacebook:focus{
	outline:#666666 dotted thin;
}



.ZonaLogIn .TextoCodigoActivacion{
	float:left;
	padding:2px 20px 0px;
	font-size:11px;
}

.ZonaLogIn  input.InputCodigoActivacion{
	border:1px #c5ccd1 solid;
	background-color:#e3f1f2;
	font-size:14px;
	font-weight:bold;
	width:120px;
	height:17px;
	float:left;
	margin-right:30px;	
}

.ZonaLogIn input.InputCodigoActivacion:focus{
	background-color:#d1e8ee;
}

.ZonaLogIn .Rayita{
	background-color:#c4cbd1;
	width:100%;
	height:1px;
	display:block !important;
	display:none;
}	

.ZonaLogIn .CodigoActivacionError{
	padding:5px 0px 15px 0px;
	color:#FF0000;
	text-align:center;
	display:none;
}

.ZonaLogIn .TextoExplicacion{
	padding:20px 15px 20px 15px;
	font-size:11px;
	text-align:left;
	line-height:15px;
}

.ZonaLogIn .TextoExplicacion a{
	font-size:11px;
}

.ZonaLogIn .BotonConectarFacebook{
	margin:10px auto;
}

.BotonReenviarCodigoActivacionTextoAjaxPosterior{
	font-size:11px;
	text-align:left;
	line-height:15px;
}

/*********************************************************************/
/*****************           Perfil            ***********************/
/*********************************************************************/

.UsuarioIzquierda{
	float:left;
	width:180px;
}

.UsuarioIzquierda img.Avatar{
	max-width:180px;
	border:0px;
	max-height:300px;
}

h2.UsuarioNick{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#d96803;
	padding:0px 6px;
	margin-bottom:16px;
}

.UsuarioDerecha{
	float:right;
	width:530px;
}

.Muro{

}

.Muro .PostMuro{
	background:url("Imagenes/rayas-contenido.gif") repeat-x center bottom;
	padding-bottom:5px;
	margin-bottom:15px;
	position:relative;
}

.Muro .PostMuro .ConfirmacionBorrado{
	font-size:11px;
	margin-bottom:3px;
}

.Muro .PostMuro a.Deshacer{
	font-size:11px;
	
}

.Muro .PostMuro .ConfirmarCerrar{
	position:absolute;
	top:15px;
	right:5px;
	z-index:3;
	border:1px #868686 solid;
	background-color:#ffffff;
	color:#000000;
	padding:2px 15px 3px 15px;
	text-align:center;
	font-size:11px;
	cursor:pointer;
	display:none;
}

.Muro .PostMuro .ConfirmarCerrar:hover{
	border:1px #333333 solid;
	background-color:#9f9f9f;
	color:#ffffff;	
}

.Muro .PostMuro .Cerrar{
	width:15px;
	height:15px;
	background:url("Imagenes/sprites.jpg") no-repeat -130px -31px;
	position:absolute;
	top:0px;
	right:5px;
	cursor:pointer;
	display:none;
	z-index:2;
}

.Muro .PostMuro .Cerrar:hover, .Muro .PostMuro .CerrarHover{
	background:url("Imagenes/sprites.jpg") no-repeat -145px -31px !important;
}


.Muro .PostMuro .HeaderMuro .ImagenMuro{
	float:left;
}

.Muro .PostMuro .HeaderMuro .ImagenMuro img{
	width:30px;
	height:30px;
	border:0px;
	position:relative !important;
	top:2px;
	left:0px;
	position:static;
}

.Muro .PostMuro .HeaderMuro .DatosMuro{
	margin-left:40px;
}

.Muro .PostMuro .HeaderMuro .DatosMuro .Fecha{
	font-weight:normal;
	font-size:12px;
	color:#242424;
	padding-bottom:2px;
	font-size:11px;
}

.Muro .PostMuro .HeaderMuro .DatosMuro .Titulo{
	padding-bottom:2px;
	margin-right:20px;
}

.Muro .PostMuro .HeaderMuro .DatosMuro .Titulo a{
	font-weight:bold;
	font-size:12px;
	color:#ababab;
}

.Muro .PostMuro .HeaderMuro .DatosMuro .Titulo a:hover{
	color:#d96803;
}

.Muro .PostMuro .DescripcionMuro{
	padding:6px;
	font-size:12px;
	line-height:150%;
}

a.EnlaceCortoMuro{
	color:#904402;
}

a.EnlaceCortoMuro:hover{
	color:#d96803;
}

/*********************************************************************/
/*********************************************************************/
/*******************        Flotante          ************************/
/*********************************************************************/
/*********************************************************************/

/*********************************************************************/
/**************     Flotantes de Edición           *******************/
/*********************************************************************/

.FlotanteEdicion{
	z-index: 3;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px 8px;
	opacity: 0.7;
	filter:alpha(opacity=70);
	color: #FFFFFF;
	font-size: 11px;
	background-color: #000000;
	cursor:pointer;
}

.FlotanteEdicionHover{
	opacity: 0.95 !important;
	filter:alpha(opacity=95) !important;
	text-decoration:underline !important;
	cursor:pointer !important;
}


/*********************************************************************/
/**************     Flotante Login Clasico         *******************/
/*********************************************************************/

#Flotante_LoginClasico{
	display:none;
	position:absolute;
	top:40px;
	left:500px;
	width:420px;
	padding:10px 12px 12px 12px;
	height:60px;
	z-index:12;
	
	border:1px #c6c6c6 solid;
	background-color:#FFFFFF;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	box-shadow:2px 2px 3px #000000;
	-webkit-box-shadow:2px 2px 3px #000000;
	-moz-box-shadow:2px 2px 3px #000000;
}

#Flotante_LoginClasico td{
	font-size:11px;
	color:#303030;
	vertical-align:middle;
}

#Flotante_LoginClasico td.Cabecera{
	font-weight:bold;
	padding:3px;
}

#Flotante_LoginClasico td.Cerrar{
	text-align:right;
	padding:0px 2px 0px 0px;
}

#Flotante_LoginClasico td.Cerrar span{
	font-size:10px;
	text-align:right;
	position:relative;
	top:-6px;
	cursor:pointer;
}

#Flotante_LoginClasico td.Cerrar span:hover{
	text-decoration:underline;
}

#Flotante_LoginClasico td.Central{
	padding:0px 3px 0px 3px;
}


#Flotante_LoginClasico input.Texto{
	width:120px;
	font-size:11px;
	height:13px;
}

#Flotante_LoginClasico span.BotonIniciarSesion{
	text-align:center;
	width:85px;
	height:19px;
	float:left;
	padding-top:3px;
	font-size:13px;
	color:#888888;
	font-weight:bold;
	border:1px #dddddd solid;
	background-color:#f1f1f1;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;

	cursor:pointer;
}
	
#Flotante_LoginClasico span.BotonIniciarSesion:hover, #Flotante_LoginClasico span.BotonIniciarSesion:focus{
	color:#777777;
	font-weight:bold;
	border:1px #bbbbbb solid;
	background-color:#dddddd;
}

#Flotante_LoginClasico span.FbMini{
	width:22px;
	height:22px;
	background:url("Imagenes/sprites.jpg") no-repeat 0px 0px;
	float:right;
	margin-right:4px;
	cursor:pointer;
}

#Flotante_LoginClasico span.FbMini:focus{
	outline:#666666 dotted thin;
}

#Flotante_LoginClasico td.Inferior{
	height:22px;
	padding:3px;
	vertical-align:middle;
}

#Flotante_LoginClasico td.Inferior .ClaseCheckBox{
	position:relative;
	left:-2px;
}

#Flotante_LoginClasico td.Inferior a.ClaseRememberPassword{
	cursor:pointer;
	font-size:11px;
	color:#303030;
}


#Flotante_LoginClasico td.Inferior span.ClaseRememberPassword:hover, #Flotante_LoginClasico td.Inferior span.ClaseRememberPassword:focus{
	text-decoration:underline;
}



/*********************************************************************/
/**************       Flotante Cargando Avatar       *****************/
/*********************************************************************/

#Flotante_CargandoAvatarId, #Flotante_CargandoFotosId{
	position:absolute;
	top:400px !important;
	background-color:#FFFFFF;
}

#Flotante_CargandoAvatarId .Interior, #Flotante_CargandoFotosId .Interior{
	text-align:center;
	padding:10px;
	line-height:16px;
}

#Flotante_CargandoAvatarId .Interior span.Imagen, .ImagenAjaxLoader, #Flotante_CargandoFotosId .Interior span.Imagen{
	background:url("Imagenes/ajax-loader.gif") no-repeat center center;
	width:16px;
	height:16px;
	margin:0px 10px;
	float:left;
}

#Flotante_CargandoAvatarId .Interior span.Texto, #Flotante_CargandoFotosId .Interior span.Texto{
	margin:0px 10px 0px 0px;
	float:left;
}
	
#Flotante_CargandoAvatarId .Interior .VariasFotos{
	display:none;
}





/**** Flotante Fotos ****/

.Flotante_Fotos{
	width:450px;
	top:300px !important;
}

.Flotante_Fotos .Rayita{
	background-color:#c4cbd1;
	width:100%;
	height:1px;
	display:block !important;
	display:none;
	margin:20px 0px 5px 0px;
}	

.Flotante_Fotos .Arriba{
	font-size:12px;
	padding:7px;
	text-align:justify;
}

.Flotante_Fotos .Bajo{
	font-size:11px;
	padding:5px 7px 10px 7px;
}

.Flotante_Fotos .Bajo a{
	font-size:11px;
}

.Flotante_Fotos .Bajo div{
	font-size:11px;
	text-align:justify;
	line-height:150%;
	padding:4px 0px;
}


.Flotante_Fotos .Bajo div span{
	font-size:11px;
}



.Flotante_Fotos td{
	padding:5px;
}

.Flotante_Fotos td a.CambiarComunidad{
	margin-left:30px;
	font-size:10px;
}

.Flotante_Fotos td input.InputSubirFoto{
	width:240px;
}

.Flotante_Fotos .PorcentajeSubidas{
	margin:0px auto 15px auto;
	padding:0px 3px;
	display:none;
}

.Flotante_Fotos .PorcentajeSubidas div.Texto{
	font-size:11px;
	line-height:150%;
}

.Flotante_Fotos .PorcentajeSubidas .Barrita{
	background-color:#3377ff;
	width:1%;
	height:18px;
	border:1px solid #333333;
}

.Flotante_Fotos .InfoAlbum{
	display:none;
}	

.Flotante_Fotos .BotonCrearAlbum{
	margin-bottom:10px;
}


.Flotante_Fotos span.ListadoComunidades{
	display:none;
}

.Flotante_Fotos .BotonesEnviarMasFotos{
	display:none;
}

.Flotante_Fotos .CancelarFotos{
	float:right;
	font-size:11px;
	cursor:pointer;
}


/*********************************************************************/
/**************     Flotante Registro Clasico        *****************/
/*********************************************************************/
	
#Flotante_RegistroClasico{
	display:none;
	position:absolute;
	top:140px;
	left:230px;
	padding:0px;
	z-index:13;
	width:601px;
}	
			
		
#Flotante_RegistroClasico .Superior{
	width:100%;
	height:43px;	
	position:relative;
	background:url("Imagenes/RegistroSuperior.png") no-repeat center top !important;
	background:url("Imagenes/IE/RegistroSuperior.gif") no-repeat center top;
}

#Flotante_RegistroClasico .Superior span.Cerrar{
	position:absolute;
	right:12px;
	font-size:10px;
	color:#566b78;
	font-weight:normal;
	cursor:pointer;
}

#Flotante_RegistroClasico .Superior span.Cerrar:hover{
	text-decoration:underline;
}

#Flotante_RegistroClasico .Superior .Dentro{
	text-align:center;
	padding-top:14px;
}

#Flotante_RegistroClasico .Superior .Dentro .Titulo{
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#202020;
}

#Flotante_RegistroClasico .Medio{
	width:100%;
	background:url("Imagenes/RegistroMedio.png") repeat-y center top !important;
	background:url("Imagenes/IE/RegistroMedio.gif") repeat-y center top;
}

#Flotante_RegistroClasico .Medio .Dentro{
	padding:15px 25px 15px 25px;
}

#Flotante_RegistroClasico .Medio .Dentro td{
	padding:4px;
}

#Flotante_RegistroClasico .Medio .Dentro td select{
	margin-right:10px;
}
	
#Flotante_RegistroClasico .Inferior{
	width:100%;
	height:16px;
	background:url("Imagenes/RegistroInferior.png") no-repeat center bottom !important;
	background:url("Imagenes/IE/RegistroInferior.gif") no-repeat center bottom;
}

#Flotante_RegistroClasico ul, .ZonaLogIn ul{
	list-style-type:disc;
	padding:20px 10px 0px 20px;
}

.ZonaLogIn ul{
	padding:20px 20px 20px 35px;
}

#Flotante_RegistroClasico ul li, .ZonaLogIn ul li{
	text-align:justify;
	margin-bottom:10px;
	font-size:11px;
	line-height:15px;
}

#Flotante_RegistroClasico ul li a, .ZonaLogIn ul li a{
	font-size:11px;
	font-weight:bold;
}

#Flotante_RegistroClasico #Global_Formulario_Registro_Errores{
	padding:5px 0px 15px 0px;
	color:#FF0000;
	text-align:center;
}

#Flotante_RegistroClasico .SubRegistroFacebook{
	border-top:1px solid #bbbbbb;
	margin-top:20px;
}

#Flotante_RegistroClasico .SubRegistroFacebook div.TextoFacebook{
	font-size:11px;
	text-align:justify;
	padding:20px 5px 20px 5px;
}

#Flotante_RegistroClasico .SubRegistroFacebook div.Accion_LoginFacebook, #Flotante_RegistroClasico .Medio .Registro2 div.Accion_LoginFacebook{
	background:url("Imagenes/sprites.jpg") no-repeat 0px 0px;
	width:166px;
	height:22px;
	padding:0px;
	cursor:pointer;
	margin:0px auto 0px auto;
}

#Flotante_RegistroClasico .SubRegistroFacebook div.Accion_LoginFacebook:focus{
	outline:#666666 dotted thin;
}

#Flotante_RegistroClasico .RegistroCompletado{
	line-height:15px;
	text-align:justify;
}

#Flotante_RegistroClasico .Medio .Registro2{
	padding:10px 5px 10px 5px;
}

#Flotante_RegistroClasico .Medio .Registro2 .Rotulo{
	width:591px;
	height:32px;
	display:block;
}
	
#Flotante_RegistroClasico .Medio .Registro2 .Rotulo .TextoRotulo{
	color:#444444;
	font-size:17px;
	font-weight:bold;
	padding:7px 0px 0px 15px;;
}
	
#Flotante_RegistroClasico .Medio .Registro2 .TextoExplicacion{
	padding:20px 15px 20px 15px;
	font-size:11px;
	text-align:left;
	line-height:15px;
}

#Flotante_RegistroClasico .Medio .Registro2 .TextoExplicacion .Azul{
	font-size:11px;
	line-height:15px;
	color:#0066FF;
}

#Flotante_RegistroClasico .Medio .Registro2 .TextoCodigoActivacion{
	float:left;
	padding:2px 20px 0px;
	font-size:11px;
}

#Flotante_RegistroClasico .Medio .Registro2 input.InputCodigoActivacion{
	border:1px #c5ccd1 solid;
	background-color:#e3f1f2;
	font-size:14px;
	font-weight:bold;
	width:120px;
	height:17px;
	float:left;
	margin-right:30px;	
}

#Flotante_RegistroClasico .Medio .Registro2 input.InputCodigoActivacion:focus{
	background-color:#d1e8ee;
}

#Flotante_RegistroClasico .Medio .Registro2 .Rayita{
	background-color:#c4cbd1;
	width:591px;
	height:1px;
}	

#Flotante_RegistroClasico .CodigoActivacionError{
	padding:5px 0px 15px 0px;
	color:#FF0000;
	text-align:center;
	display:none;
}
	




	
/*********************************************************************/
/**************     Flotante Profesionales           *****************/
/*********************************************************************/

#Flotante_Opciones{
	display:none;
	position:absolute;
	top:140px;
	left:730px;
	padding:0px;
	border:1px solid #aeaeae;
	box-shadow:0px 0px 3px #cecece;
	-webkit-box-shadow:0px 0px 3px #cecece;
	-moz-box-shadow:0px 0px 3px #cecece;
}	

#Flotante_Opciones{
	z-index:12;
}

#Flotante_Opciones .SubCapa1{
	background-color:#FFFFFF;
	padding:4px;
}

#Flotante_Opciones .SubCapa2{
	background-color:#f1f1f1;
	border:1px solid #dfdfdf;
}

#Flotante_Opciones .SubCapa2 div.Linea{
	padding:0px;
	width:177px;
	height:1px;
	background:none;
	background:url("Imagenes/sprites.jpg") no-repeat 0px -148px;
	display:block !important;
	display:none;
}

#Flotante_Opciones .SubCapa2 a{
	display:block;
	padding:5px 10px 5px 10px;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

#Flotante_Opciones .SubCapa2 a:hover{
	background-color:#dfdfdf;
}

#Flotante_Opciones .SubCapa2 span.Triangulito{
	background:url("Imagenes/sprites.jpg") no-repeat -166px -0px;
	width:7px;
	height:6px;
	float:left;
	margin:5px 5px 0px 0px;
	cursor:pointer;
	display:block !important;
	display:none;
}




	
/*********************************************************************/
/******************             Paginacion           *****************/
/*********************************************************************/

div.BloquePaginacion{
	margin:0px auto 20px auto;
	float:left;
	left:50%;
	position:relative;	
}

div.BloquePaginacion2{
	position:relative;
	right:50%;
}

a.Paginacion{
	font-size:15px;
	color:#888483;
	font-weight:bold;
	text-decoration:none;
	margin:0px 6px;
	padding:2px 8px;
	text-align:center;
	background-color:#dddddd;
	border:1px solid #e1e1e1;
	-moz-border-radius:2px;
	border-radius:2px;
	background:url("Imagenes/PxPaginacion.gif") repeat-x center top;
	text-decoration:none;
}

a.Paginacion:hover{
	color:#d86802;
}	

a.Paginacion:first-child {
	letter-spacing:-5px;
	padding:2px 13px 2px 8px;
}

a.PaginacionSeleccion{
	background:none;
}

/*********************************************************************/
/***************          Alerta Flotante            *****************/
/*********************************************************************/


#AlertaTextoFlotanteId{	
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#282828;
	z-index:21;
	color:#FFFFFF;
	font-size:11px;
	border:0px;
	padding:5px;
	max-width:350px;
	min-width:150px;
}

#AlertaTextoFlotanteTrianguloNegro{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	background:url("Imagenes/TrianguloNegro.gif") no-repeat;
	width:7px;
	height:4px;
	z-index:20;
}


/*********************************************************************/
/*************************     Aviso Legal     ***********************/
/*********************************************************************/

.AvisoLegal p{
	padding:5px 2px;
}

/*********************************************************************/
/******************     Vinculación con Facebook     *****************/
/*********************************************************************/

.VinculacionFacebook p{
	padding:5px 2px;
	text-align:justify;
}


.VinculacionFacebook .Accion_VincularFacebook{
	background:url("Imagenes/sprites.jpg") no-repeat 0px 0px;
	width:166px;
	height:22px;
	margin:20px auto;
	padding:0px;
	cursor:pointer;
}

.VinculacionFacebook img.ImagenPerfilFacebook{
	border:0px;
	float:left;
	margin-right:20px;
}

.VinculacionFacebook .DatosFacebook{
	padding-left:12px;
	line-height:150%;
}

.VinculacionFacebook a.DesvincularCuentas{
	font-size:11px;
	color:#0066FF;
}

.VinculacionFacebook .ParrafoDesvincularCuentas{
	text-align:right;
}

/*********************************************************************/
/*************************      Contacto       ***********************/
/*********************************************************************/

.Contacto, .EditarPerfil{
	margin:30px auto 50px auto;
	width:650px;
	border:1px #cfcfcf solid;
	background-color:#f7f7f7;
	padding:0px;
}

.Contacto .MensajeError{
	display:none;
	color:#FF0000;
	font-size:12px;
	text-align:center;
}

.Contacto td.Celda{
	padding:8px 15px !important;
}

.Contacto td.Campos div.Capa{
	padding-bottom:17px;
	font-size:13px;
	line-height:250%;
	font-weight:bold;
	color:#151515;
}

.Contacto td.Campos div.Capa span.Ayuda{
	font-size:13px;
	line-height:250%;
	font-weight:bold;
	color:#151515;
	cursor:help;
}

.Contacto td.Campos div.Capa span.Normal, .Contacto td.Campos div.Capa a.Normal{
	font-weight:normal;
	font-size:12px;
}

.Contacto input.Texto{
	border:1px #cfcfcf solid;
	width:98%;
}

.Contacto input.Texto:focus{
	border:1px #b0b0b0 solid;
	background-color:#f7f7f7;
}

.Contacto td.Mensaje div.Capa{
	padding-bottom:8px;
	font-size:13px;
	font-weight:bold;
	line-height:250%;
	color:#151515;
}

.Contacto td.Mensaje div.Capa span.Ayuda{
	cursor:help;
	font-size:13px;
	font-weight:bold;
	line-height:250%;
	color:#151515;
}

.Contacto textarea.Texto{
	border:1px #cfcfcf solid;
	width:100%;
	height:100px;
}

.Contacto textarea.Texto:focus{
	border:1px #b0b0b0 solid;
	background-color:#f7f7f7;
}

.Contacto .Enviar{
	margin:20px 0px;
}



/*********************************************************************/
/*********************     Seccion Album           *******************/
/*********************************************************************/

h2.Album{
	text-align:center;
	font-size:25px;
	font-weight:normal;
	color:#d96803;
	padding:6px;
	margin-bottom:10px;
}

.DatosAccionesFotoIndividual{
	position:absolute;
	right:0px;
	padding-right:10px;
	text-align:right;
}

.DatosAccionesFotoIndividual .Eliminar{
	display:none;
}



.DatosAccionesFotoIndividual .SeleccionarFotoPerfil{
	text-align:right;
	display:none;
	margin-bottom:4px;
}

.DatosAccionesFotoIndividual .SeleccionarFotoPerfil span{

}


/*********************************************************************/
/*********************     Seccion Fotos           *******************/
/*********************************************************************/

/***** Bloque Contenido *****/

div.CapaBloqueContenido{
	border:1px solid #d1d1d1;
	background-color:#f1f1f1;
	padding:8px;
	margin-top:13px;
}


.OpcionesPagina{
	float:left;
	font-size:11px;
	margin-top:4px;
}

a.SubOpcionSeleccionada{
	color:#ca7c32;
	font-size:11px;
	font-weight:bold;
}

a.SubOpcionNoSeleccionada{
	color:#777777;	
	font-size:11px;
	font-weight:normal;
}

div.SeccionFotos div.Fila1{
	margin-bottom:7px;
	position:relative;
}

div.SeccionFotos a.Titulo{
	font-size:13px;
	font-weight:bold;
	color:#606060;
}

div.SeccionFotos a.Titulo2{
	font-size:13px;
	font-weight:bold;
	color:#777777;
	position:relative;
	top:3px;
	left:0px;
}

div.SeccionFotos div.Fila1 .Fecha{
	font-size:11px;
	font-weight:normal;
	color:#707070;
	position:absolute;
	left:80px;
}

div.SeccionFotos div.Fila1 .Fecha:hover{
	text-decoration:underline;
	cursor:pointer;
}

div.SeccionFotos div.Fila2 div.Columna1{
	float:left;
	width:80px;
	overflow:visible;
}

div.SeccionFotos div.Fila2 div.Columna2{
	float:right;
	width:640px;
	overflow:visible;
}

div.SeccionFotos span.Iconos{
	float:left;
	width:26px;
	height:21px;
	background-image:url("Imagenes/sprites.jpg");
	background-repeat:no-repeat;
	margin:2px 3px 0px 0px;
}

div.SeccionFotos span.IconoFotos{
	background-position:-84px -73px;
	cursor:pointer;
}

div.SeccionFotos span.IconoFotos:hover{
	background-position:-84px -94px;
	cursor:pointer;
}

div.SeccionFotos span.IconoComentarios{
	background-position:-136px -115px;
}

div.SeccionFotos span.IconoEtiquetas{
	background-position:-84px -115px;
}

div.SeccionFotos span.IconoMeGustas{
	background-position:-110px -115px;
}

div.SeccionFotos span.Dato{
	font-size:11px;
	font-weight:normal;
	color:#333333;
	position:relative;
	top:5px;
}

div.SeccionFotos a.FotoUsuario{
	float:left;
	width:30px;
	height:30px;
	margin:0px 0px 5px 0px;
	border:2px solid #FFFFFF;	
	outline:#dddddd solid 1px;
	overflow:hidden;
	position:relative;
	left:0px;
}

div.SeccionFotos span.BloqueFotoEnlace{
	float:left;
	text-align:center;
	margin:0px 14px 5px 0px;
	width:108px;
	height:81px;
	overflow:hidden;
	border:3px solid #FFFFFF;
	box-shadow:0px 0px 3px #888888;
	-webkit-box-shadow:0px 0px 3px #888888;
	-moz-box-shadow:0px 0px 3px #888888;
	position:relative;
	cursor:pointer;
}

.BloqueFotoEnlaceAlbum{
	margin-bottom:10px !important;
}

.SubFila2Album{
	text-align:right;
}

div.SeccionFotos a.Foto{
}

div.SeccionFotos img.Foto{
	min-height:81px;
	min-width:108px;
}

div.FlotanteFotoCompleta{
	position:absolute;
	top:0px;
	left:0px;
	border:3px solid #FFFFFF;
	box-shadow:0px 0px 3px #333333;
	-webkit-box-shadow:0px 0px 3px #333333;
	-moz-box-shadow:0px 0px 3px #333333;
	display:none;
	z-index:2;
	cursor:pointer;
}

.Actualizar{
	position:absolute;
	right:0px !important;
	right:10px;
	top:-3px;
	width:26px;
	height:21px;
	background:url("Imagenes/sprites.jpg") no-repeat -136px -73px;
	cursor:pointer;
}

.Actualizar:hover{
	background:url("Imagenes/sprites.jpg") no-repeat -136px -94px;
}


h2.FotosUsuarios{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#d96803;
	padding:6px;
	margin-bottom:10px;
}

























/*********************************************************************/
/*********     Tapa General y otras capas generales           ********/
/*********************************************************************/


.Global_TapaGeneral{	
	/*  z<10 son capas por debajo de la General y z>10 por encima.	*/	
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#CCCCCC;
	filter: alpha(opacity=30); 
	opacity: .3;
	width:400px;
	height:300px;
	z-index:10;
}

#SobreCapaParaFlotantes{
}

.Global_Vacia{
	display:none;
}

.Global_Scripts{
	visibility:hidden;
}

/****************** Ampliacion 1 ***********************/

.ComentarioContenidoModerar:hover{
	cursor:pointer;
	background-color:#eeeeee;
}

.ExplicacionModeracion{
	text-align:right;
	font-size:11px;
}

.Comentario a.VerOrigen{
	font-size:11px;
	color:#0066ff;
	position:relative;
	top:20px;
}

.ComentarioContenidoModerar textarea{
	width:708px;
	border:1px solid #999999;
	padding:4px;
	height:50px;
}



#HeaderId .HeaderUsuario span.Notificaciones .Numerito{
	background-color:#FFFFFF;
	color:#f77440;
	padding:0px 2px;
	font-size:11px;
	position:relative;
	float:right;
	top:1px;
	z-index:2;
	left:0px;
	display:none;
	border:1px solid #aeaeae;
	box-shadow:1px 2px 2px #999999;
	-webkit-box-shadow:1px 2px 2px #999999;
	-moz-box-shadow:1px 2px 2px #999999;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
}


.DatosGaleria .DerechaSocial{
	float:left;
	padding-top:8px;
	text-align:right;
}

.DatosGaleria .DerechaSocial span.Titulillo{
	font-weight:bold;
	position:relative;
	top:-4px;
	padding-right:4px;
}

.RedesSocialesPortada{
	margin-top:20px;
	padding:0px 5px;
	border:1px solid #CFCFCF;
	font-size:10px;
	line-height:150%;
}

.RedesSocialesPortada div{
	padding:7px;
	font-size:11px;
}

/*********************************************************************/
/*********************        Galerías             *******************/
/*********************************************************************/

h2.GaleriasFotos{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#d96803;
	padding:0px 6px;
	margin-bottom:16px;
}

.DatosGaleria{
	line-height:150%;
	text-align:justify;
	
	background-color: #F7F7F7;
    border: 1px solid #CFCFCF;
    display: block;
    margin-top: 6px;
    padding:8px;
}

.DatosGaleria div{
	padding:4px 0px;
}

.DatosGaleria .Descripcion{
	font-size:11px;
}


.DatosGaleria .DerechaSocial .SocialGoogle{
	position:relative;
	top:3px;
	left:5px;
}

.DatosGaleria .DerechaSocial .SocialTwitter{
	position:relative;
	top:3px;
	left:-10px;
}


.Notificaciones .Notificacion{
	background:url("Imagenes/rayas-contenido.gif") repeat-x center bottom;
	padding:5px 5px 8px 4px;
	position:relative;
	cursor:pointer;
}

.EnlaceTodasNotificaciones{
	padding:7px 5px !important;
	text-align:center;
	background-color:#e9e9e9 !important;
}

.EnlaceTodasNotificaciones:hover{
	background-color:#dfdfdf !important;
}


.EnlaceTodasNotificaciones a#EnlaceTodasNotificacionesId{
	font-weight:bold;
	font-size:11px;
	color:#5577aa;
	text-decoration:none;
}

.Notificaciones .Notificacion:last-child{
	background-image:none;
}

.Notificaciones .Notificacion{
	background-color:#f1f1f1; /* Cuidado que este estilo se sobreescribe (por uno igual) con Js. */
}

.Notificaciones .Notificacion:hover{
	background-color:#dfdfdf; /* Cuidado que este estilo se sobreescribe (por uno igual) con Js. */
}

.Notificaciones .Notificacion .HeaderMuro .ImagenMuro{
	float:left;
}

.Notificaciones .Notificacion .HeaderMuro .ImagenMuro img{
	width:30px;
	height:30px;
	border:0px;
	position:relative !important;
	top:2px;
	left:0px;
	position:static;
}

.Notificaciones .Notificacion .HeaderMuro .DatosMuro{
	margin-left:40px;
}

.Notificaciones .Notificacion .HeaderMuro .DatosMuro .Fecha{
	font-weight:normal;
	font-size:12px;
	color:#242424;
	padding-bottom:2px;
	font-size:11px;
}

.Notificaciones .Notificacion .HeaderMuro .DatosMuro .Fecha{
	font-size:10px !important;
	color:#666666;
}
 
.Notificaciones .Notificacion .HeaderMuro .DatosMuro .Titulo{
	padding-bottom:2px;
	margin-right:0px;
	font-size:11px;
}

.Notificaciones .Notificacion .HeaderMuro .DatosMuro .Titulo a{
	font-size:11px;	
	font-weight:bold;
	color:#5577aa;
	text-decoration:none;
}

.Notificaciones .Notificacion .DescripcionMuro{
	padding:6px;
	font-size:12px;
	line-height:150%;
}


.MensajeDebesLogarte{
	margin:70px 10px;
	text-align:center;
}


.ListadoCompletoNotificaciones{
	
}

#Flotante_Notificaciones{
	display:none;
	position:absolute;
	top:140px;
	left:730px;
	padding:0px;
	border:1px solid #aeaeae;
	box-shadow:0px 0px 3px #cecece;
	-webkit-box-shadow:0px 0px 3px #cecece;
	-moz-box-shadow:0px 0px 3px #cecece;
}	

#Flotante_Notificaciones{
	z-index:13;
	width:400px;
}



#Flotante_Notificaciones .SubCapa1{
	background-color:#FFFFFF;
	padding:4px;
}

#Flotante_Notificaciones .SubCapa2{
	background-color:#f1f1f1;
	border:1px solid #dfdfdf;
}

#Flotante_Notificaciones .SubCapa2{
	padding:0px;
}


#Flotante_Notificaciones .SubCapa2 span.Triangulito, .ListadoCompletoNotificaciones span.Triangulito{
	background:url("Imagenes/sprites.jpg") no-repeat -166px -0px;
	width:7px;
	height:6px;
	float:left;
	margin:4px 5px 0px 0px;
	cursor:pointer;
	display:block !important;
	display:none;
}





/*********************************************************************/
/*********************     Mas Sobre Fotos         *******************/
/*********************************************************************/



#AuxiliarSinContenidoAlbum{
	text-align:center;
	margin:40px 0px;
}

div.SeccionFotos span.IconoEditar{
	background-position:-110px -73px;
}

div.SeccionFotos span.IconoEditar:hover{
	background-position:-110px -94px;
	cursor:pointer;
}

.SocialGoogleAlbum{
	position:relative;
	top:3px;
	left:10px;
}

.SocialTwitterAlbum{
	position:relative;
	top:3px;
	left:0px;
}

.SocialFacebookAlbum{
	position:relative;
	left:10px;
}

.FlotanteMoverFoto{
	position:absolute;
	top:0px;
	left:0px;
	background:url("Imagenes/sprites_png.png") no-repeat 0px 0px;
	width:18px;
	height:18px;
	cursor:pointer;
}

.SubFila2AlbumEditar{
	text-align:left;
	display:none;
}

.SubFila2AlbumEditar input#NombreAlbumId{
	margin:0px 10px 0px 0px;
	width:200px;
	float:left;
	font-size:11px;
	color:#333333;
	padding:2px;
	border:1px solid #999999;
	height:16px;
}

.SubFila2AlbumEditar input#NombreAlbumId:focus{
	color:#000000;
	background-color:#f5f5f5;
}

div.SeccionFotos .TextoEditar{
	cursor:pointer;
	font-size:11px;
	color:#666666;
	position:relative;
	top:4px;
}

div.SeccionFotos .PreEditar{
	cursor:pointer;
	display:none;
}

.ui-sortable-placeholder { visibility: visible !important; }

div.SeccionFotos span.BloqueFotoEnlace span.IconoMover{
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	background:url("Imagenes/sprites_png.png") no-repeat 0px 0px;
	width:18px;
	height:18px;
	display:none;
}

/*********************************************************************/
/*********************        Albums            *******************/
/*********************************************************************/

.OpcionesAlbumes{
	margin:5px 5px 15px 5px;
	text-align:right;
}

.OpcionesAlbumes span.EnlaceOpciones{
	color:#d96803;
}

.OpcionesAlbumes span.EnlaceOpciones:hover{
	text-decoration:underline;
	cursor:pointer;
}

.OpcionesAlbumes span.OpcionesVarias{
	background-color:#F7F7F7;
    border:1px solid #CFCFCF;
    display:block;
    margin-top:6px;
	margin-bottom:6px;
    padding:8px;
	float:right;
	display:none;
}

.OpcionesAlbumes span.OpcionesVarias .PreBotonRecargar{
	margin:10px 0px;
	display:none;
}

.MostrarFotoEnteraEnHover, .MostrarFotosPerfil, .MostrarAlbumesCompletos{
	text-align:left;
	font-size:11px;
	padding:3px 0px;
}

.MostrarFotoEnteraEnHover span, .MostrarFotosPerfil span, .MostrarAlbumesCompletos span{
	font-size:11px;
}

.MostrarFotoEnteraEnHover #MostrarFotoEnteraEnHoverCheckBox, .MostrarFotosPerfil #MostrarFotosPerfilCheckBox, .MostrarAlbumesCompletos #MostrarAlbumesCompletosCheckBox{
	position:relative;
	top:2px;
}

.BotonesRedesSociales{
	margin-top:10px;
	padding:15px 0px 15px 0px;
	border:1px solid #CFCFCF;	
}

.BotonesRedesSociales .BotonGoogle{
	float:left;
	padding-bottom:20px;
	position:relative;
	left:20px;
}

.BotonesRedesSociales .BotonGoogleInsignia{
	float:right;
	padding-bottom:20px;
	position:relative;
	right:25px;
	top: -1px;
}

.BotonesRedesSociales .BotonGoogleInsignia a{
	text-decoration:none;
}

.BotonesRedesSociales .BotonGoogleInsignia a img{
	border:0px;
	width:64px;
	height:64px;
}

.BotonesRedesSociales .BotonFacebook{
	float:right;
	padding-bottom:20px;
	position:relative;
	right:10px;
}

.BotonesRedesSociales .FollowTwitter{
	position:relative;
	left:30px;
}

.ExplicacionNuevoAlbum, .ExplicacionMasFotos{
	display:none;
}

.ExplicacionMasFotos span.CambiarOpcion{
	font-size:11px;
	color:#d96803; 
}

.ExplicacionMasFotos span.CambiarOpcion:hover{
	text-decoration:underline;
	cursor:pointer;
}

div.RotuloGeneral span.TextoRotuloGeneral{
	color:#777777;
	font-size:12px;
	font-weight:bold;
}

.TextoFotos{
	margin:15px 0px 0px 0px;
	font-size:11px;
	text-align:justify;
	padding:7px;
	border:1px #CCCCCC dotted;
}

.UploaderAlbumClasico{
	padding:10px;
	display:none;
}

.UploaderAlbumClasico form input{
	width:100%;
}

/*********************************************************************/
/*********************        Navegable            *******************/
/*********************************************************************/

.Navegable{
	margin-bottom:20px;
}

.Navegable a{

}

.Navegable .EnlaceHome{
	color:#d96803;
}

.Navegable .EnlaceHome:hover{
	text-decoration:underline;
	cursor:pointer;
}



/*********************************************************************/
/*************************      Contacto       ***********************/
/*********************************************************************/

/* Estos estilos se complementan con los de Contacto. */

.EditarPerfil tr td{
	padding:20px 5px 0px 5px;
}

.EditarPerfil tr{

}


.EditarPerfil tr td{
	text-align:left;
}

.EditarPerfil tr td:first-child{
	text-align:right;
	width:30%;
}

.EditarPerfil tr td:last-child{
	text-align:center;
	width:10%;
}

.EditarPerfil tr td select{
	margin-right:10px;
}

.EditarPerfil tr td select.MostrarFechanacimiento{
	margin-top:12px;
}

.EditarPerfil .Enviar{
	margin:15px 0px 25px 0px;
}

.EditarPerfil input.Texto{
	border:1px #cfcfcf solid;
	padding-left:1px;
	width:60%;
}

.EditarPerfil input.Texto:focus{
	border:1px #b0b0b0 solid;
	background-color:#f7f7f7;
}

.MensajeExitoEditarPerfil{
	display:none;
	position:absolute;
	z-index:2;
	color:#000000;
	font-size:11px;
	text-align:center;
	color:#444444;
}

.EditarPerfil .MensajeError{
	color:#FF0000;
	font-size:12px;
	text-align:center;
	padding:25px 0px 5px 0px;
}





/*********************************************************************/
/*************************      MiniAvatar       ***********************/
/*********************************************************************/


#CambiarMiniAvatarId .SubBloque{
	border: 1px solid #D0D0D0;
	border-radius: 8px 8px 8px 8px;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
}

#CambiarMiniAvatarId, #CambiarMiniAvatarIdAux{
	width:530px !important;
	background-color:#FFFFFF;
	display:none;
	/*
	display:none;
	position:absolute;
	top:40px;
	left:500px;
	width:500px;
	padding:10px 12px 12px 12px;
	z-index:12;
	
	border:1px #c6c6c6 solid;
	background-color:#FFFFFF;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	box-shadow:2px 2px 3px #000000;
	-webkit-box-shadow:2px 2px 3px #000000;
	-moz-box-shadow:2px 2px 3px #000000;
	
	
	background-color: #F9F9F9;
    border: 2px solid #D0D0D0;
    border-radius: 8px 8px 8px 8px;
    padding: 10px;*/
}

#CambiarMiniAvatarId .Interior{
	padding:5px 15px 8px 15px !important;
}

#CambiarMiniAvatarId #MascaraMiniAvatar{
	float:left;
	width:30px;
	height:30px;
	overflow:hidden;
	margin:10px 10px 0px 0px;
	cursor:move;
	border:1px #CCCCCC dotted;
	position:relative;
}

#CambiarMiniAvatarId #MascaraMiniAvatar img{
	position:absolute;
	top:0px;
	left:0px;
}

#CambiarMiniAvatarId .Explicacion{
	float:left;
	font-size:12px;
	width:300px;
}

#CambiarMiniAvatarId .Explicacion2{
	float:left;
	font-size:12px;
	width:320px;
}

#CambiarMiniAvatarId .Explicacion .Pequeno, #CambiarMiniAvatarId .Explicacion2 .Pequeno{
	font-size:11px;
	padding-top:8px;
}

#CambiarMiniAvatarId .Explicacion2 .Pequeno span.BotonUploaderClasico{
	font-size:11px;
}

#CambiarMiniAvatarId .Boton{
	float:left;
	width:100px;
	margin:10px;
}

#CambiarMiniAvatarId .Boton2{
	float:left;
	width:150px;
	position:relative;
	left:5px;
	top:15px;
}

#CambiarMiniAvatarId #BloqueEliminarFotoId, #CambiarMiniAvatarId #BloqueNoMostrarFotoId{
	text-align:right;
}

#CambiarMiniAvatarId #BloqueEliminarFotoId span.EliminarFotoPerfil, #CambiarMiniAvatarId #BloqueNoMostrarFotoId span.NoMostrarFotoPerfil{
	font-size:11px;
	line-height:190%;
}

.ProtegerEmail{
	position:relative;
	top:4px;
}

/*********************************************************************/

#ProcesandoAuxiliarId{
	padding:10px;
	text-align:center;
}