@charset "utf-8";
/* CSS Document */

							/* LA FANTASIA FINAL CSS STYLE desing by ALEXIS CASTAÑO (HOGO) ESTUDIOS ESTIGIA */
							

/* GENERAL */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFF;
}
body,html {
	margin: 0px 0px 0px 0px;
	background-image:url(../img/index/shadow.png);
	background-position:center;
	background-repeat:repeat-y;
}
a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #666666;
	cursor:help;
}
a:active {
	text-decoration: none;
	color: #666666;
}
h1 {
	font-size: 10px;
	color: #000000;
	font-weight:800;
}
img{
	border:0;
}
div{
	position:relative;
	float:left;
	width:100%;
	height:auto;
}

/* PLANTILLA */
	.barra_sup{
		background-color:#FFFFFF; 
		height:21px; 
		z-index:1000;
		border-bottom:1px solid #000;
	}
		.logo{
			margin-left:10px;
			margin-top:5px;
			width:122px;
			height:16px;
		}
			.botones_superiores{
				margin:5px 10px 0px 0px;
				float:right;
				width:auto;
				text-align:right;
			}
				.boton_staff{
					width:auto;
					margin-right:20px;
				}
				.boton_contacto{
					width:auto;
					margin-right:20px;
				}
				.boton_avisolegal{
					width:auto;
				}
	
	.web{
		float:none;
		width:764px;
		margin:0 auto;
	}
		.principal{
			width:764px;
		}
		#principal{
			margin-left:-1px;
		}
			.cristal{
				position:absolute;
				width:34px;
				height:115px;
				z-index:1000;
				top:170px;
				right:10px;
				background-image:url(../img/index/cristal.png);
				background-repeat:no-repeat;
			}
			.img_head{
				height:222px;
			}
			.menu{
				height:21px;
				border-top:1px solid #867760;
			}
				.boton_home_on{
					font-size:12px;
					width:53px;
					height:18px;
					text-align:center;
					padding-top:2px;
					color:#FFFFFF;
					cursor:pointer;
					border:1px solid #867760;
					border-top:0px;
					margin-left:20px;
					background-color:#867760;
				}
				.boton_home_off{
					font-size:12px;
					width:53px;
					height:18px;
					text-align:center;
					padding-top:2px;
					border:1px solid #867760;
					border-top:0px;
					margin-left:20px;
				}
				
				.boton_noticias_on{
					font-size:12px;
					width:64px;
					height:18px;
					text-align:center;
					padding-top:2px;
					color:#FFFFFF;
					cursor:pointer;
					border:1px solid #867760;
					border-top:0px;
					margin-left:20px;
					background-color:#867760;
				}
				.boton_noticias_off{
					font-size:12px;
					width:64px;
					height:18px;
					text-align:center;
					padding-top:2px;
					border:1px solid #867760;
					border-top:0px;
					margin-left:20px;
				}
				
				.boton_finalfantasy_on{
					font-size:12px;
					width:137px;
					height:18px;
					text-align:center;
					padding-top:2px;
					color:#FFFFFF;
					cursor:pointer;
					border:1px solid #867760;
					border-top:0px;
					margin-left:20px;
					background-color:#867760;
				}
				.boton_finalfantasy_off{
					font-size:12px;
					width:137px;
					height:18px;
					text-align:center;
					padding-top:2px;
					border:1px solid #867760;
					border-top:0px;
					margin-left:20px;
				}
				
				.boton_servicios_on{
					font-size:12px;
					width:69px;
					height:18px;
					text-align:center;
					padding-top:2px;
					color:#FFFFFF;
					cursor:pointer;
					border:1px solid #867760;
					border-top:0px;
					margin-left:20px;
					background-color:#867760;
				}
				.boton_servicios_off{
					font-size:12px;
					width:69px;
					height:18px;
					text-align:center;
					padding-top:2px;
					border:1px solid #867760;
					border-top:0px;
					margin-left:20px;
				}
				
				.musica{
					font-size:12px;
					position:absolute;
					width:120px;
					height:16px;
					top:0px;
					right:50px;
					text-align:center;
					padding-top:4px;
					font-size:10px;
				}
			.content{
				float:none;
				width:724px;
				margin:0 auto;
				margin-top:30px;
			}
				.seccion{
					width:482px;
					margin-top:40px;
				}

				/* SECCIONES */
					/* INDEX */
					.i_slide{
						padding-top:30px;
						background-image:url(../img/index/ultimas_noticias.gif);
						background-position:top;
						background-repeat:no-repeat;
					}
					.i_noticia{
						width:472px;
						margin-bottom:20px;
					}
						.i_miniatura{
							width:70px;
							height:70px;
							border: 1px solid #000;
						}
						.i_not{
							width:392px;
							margin-left:8px;
						}
							.i_titulo{
								font-weight:800;
							}
							.i_postby{
								width:300px;
								color:#999;
								background-image:url(../img/index/esquina.gif);
								background-position:left top;
								background-repeat:no-repeat;
								padding-left:20px;
							}
							.i_text{
								margin-top:10px;
							}
							.i_coment{
								text-align:right;
							}
					.i_lanzamientos{
						background-image:url(../img/index/proximos_lanzamientos.gif);
						background-position:top;
						background-repeat:no-repeat;
						margin-top:20px;
						padding-top:30px;
						margin-bottom:20px;
					}
						.i_lanzamiento{
							width:400px;
							border-bottom:#ccc 1px dotted;
							padding-bottom:2px;
							margin-bottom:5px;
						}
							.i_lanzdate{
								color:#666;
								font-weight:800;
							}
							.i_lanzname{
								color:#6B4F40;
								font-weight:800;
							}
						
					/* FINAL FANTASY */
					/* NOTICIAS */
					.n_title{
						height:19px;
						margin-bottom:10px;
						background-image:url(../img/noticias/noticias.gif);
						background-position:left top;
						background-repeat:no-repeat;
						margin-bottom:20px;
					}
					.nc_title{
						height:19px;
						margin-bottom:10px;
						background-image:url(../img/noticias/comentarios.gif);
						background-position:left top;
						background-repeat:no-repeat;
						margin-bottom:20px;
					}
					.n_categorias{
						width:auto;
						margin-bottom:20px;
						margin-left:100px;
					}
						.n_cat{
							width:auto;
							padding:5px 10px 5px 10px;
							text-align:center;
							border:1px dotted #CCC;
							margin-right:20px;
						}
						#nc_sel{
							background-color:#CCC;
							border:#666;
						}
					.n_noticia{
						width:472px;
						margin-bottom:20px;
					}
						.n_miniatura{
							width:70px;
							height:70px;
							border: 1px solid #000;
						}
						.nc_miniatura{
							width:70px;
							height:70px;
							border: 1px solid #FFF;
							background-image:url(../img/noticias/coment_icon.jpg);
							background-repeat:no-repeat;
						}
						.n_not{
							width:392px;
							margin-left:8px;
						}
							.n_titulo{
								font-weight:800;
							}
							.n_postby{
								width:300px;
								color:#999;
								background-image:url(../img/index/esquina.gif);
								background-position:left top;
								background-repeat:no-repeat;
								padding-left:20px;
							}
							.n_text{
								margin-top:10px;
							}
							.n_coment{
								text-align:right;
							}
					.n_pagi{
						height:30px;
						background-image:url(../img/noticias/bgpagi.gif);
						background-position:top;
						background-repeat:no-repeat;
						margin-top:15px;
						padding-top:10px;
						text-align:center;
					}
					.followers{
						margin-top:-30px;
						margin-bottom:20px;
					}
						.followers span{
							display:inline;
						}
						.followers a{
							display:inline;
						}
						.followers img{
							margin-bottom:-3px;
						}
					
					/* GALERIA */
					.g_title{
						height:23px;
						margin-bottom:10px;
						background-image:url(../img/galeria/galeria.gif);
						background-position:left top;
						background-repeat:no-repeat;
					}
					.g_gal{
						width:123px;
						margin-left:22px;
						margin-bottom:30px;
					}
					.g_gal2{
						width:115px;
					}
						.g_marco{
						}
						.g_marco2{
							width:123px;
							height:138px;
							background-image:url(../img/galeria/marco.gif);
							background-repeat:no-repeat;
							padding-top:19px;
							padding-left:22px;
						}
						.texto_gal{
							text-align:center;
						}					
					
					/* DESCARGAS */
					.d_title{
						height:19px;
						margin-bottom:10px;
						background-image:url(../img/descargas/descargas.gif);
						background-position:left top;
						background-repeat:no-repeat;
					}
					.d_descarga{
						width:472px;
						margin-top:10px;
					}
						.d_cat{
							float:right;
							text-align:right;
							border-bottom:1px dotted #CCC;
							margin-bottom:20px;
						}
						.d_nombre{
							width:370px;
						}
						.d_peso{
							width:100px;
							float:right;
							text-align:right;
						}
					.d_separador{
						height:30px;
						margin-top:5px;
						padding-top:5px;
						text-align:center;
					}
					
					.comentarios{
						margin-top:40px;
					}
					/* AFILIADOS */
					/* CONTACTO */
					/* STAFF */
					/* SERVICIOS */
					.serv_title{}
					.serv_lista{
						margin-bottom:10px;
					}
						.serv{
							margin-bottom:20px;
						}
				
					/* RPG */

				.lat_drch{
					width:242px;
				}
					.columna1{
						width:150px;
						text-align:right;
						margin-top:46px;
					}
						.titulo{
							font-weight:800;
							padding-right:18px;
							margin-bottom:4px;
							text-align:right;
						}
							#tit1{
								width:130px;
							}
							#tit2{
								width:130px;
							}
						.mano{
							width:130px;
							padding-right:18px;
						}
							.mano:hover{
								background-image:url(../img/index/mano.gif);
								background-position:right;
								background-repeat:no-repeat;
								padding-right:18px;
							}
						.menuline{
							margin:10px 0px 10px 0px;
						}
					.columna2{
						width:92px;
						text-align:right;
						margin-top:55px;
					}
					.columna3{
						width:242px;
						float:right;
						background-image:url(../img/index/title_usuario.gif);
						background-position:top;
						background-repeat:no-repeat;
						margin-top:25px;
						padding-top:35px;
						text-align:right;
					}
				.ff_list{
					height:88px;
					background-image:url(../img/index/bg_fflist.gif);
					background-repeat:no-repeat;
				}
					#fflc1{
						margin-left:180px;
					}
					.ff_list_colum{
						width:120px; 
						margin-left:5px;
						margin-top:15px;
					}
				.powered{
					width:auto;
					margin-top:10px;
					margin-left:10px;
				}				
				.copy{
					margin-top:10px;
					text-align:center;
					padding-bottom:20px;
				}

/* TOOLTIPS */
abbr, acronym {
	background-color: #e5e5e5;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-bottom: dotted #000 1px;
}
.bubbleTooltip {
	width: 200px;
	color:#666;
	font: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.bubbleTooltip span.top {
	padding: 30px 8px 0;
	background:url(../img/system/bgtooltip.png) no-repeat top;
}
.bubbleTooltip span.bottom {
	padding:3px 8px 15px;
	color: #000;
	background:url(../img/system/bgtooltip.png) no-repeat bottom;
}