body {
	margin: 0;
	padding: 0;

	font-family: Arial, Verdana, Sans-Serif;
	font-size: 8pt;

	background-color: #222328;
	color: #00AABB;

	/*background-image: url("default/fondo_comic.jpg");
	background-repeat: repeat;*/

	display: block;

	text-align: center;
}

h1 {
	font-size: 1.3em;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	
	margin: 5px 0 2px 0;
}

a {
	text-decoration: none;
	color: #00AABB;
}

a:hover {
	color: yellow;
}

a img {
	border: 0;
}

ul {
    list-style-type: square;
    list-style-position: outside;
}

#logo_head {
	position: absolute;
	margin-left: -275px;
	
	width: 256px;
	height: 96px;
	
	z-index: 200;
	
	/*margin-left: -750px;*/
}

#bg { 
	width: 774px;
		
	margin: 0 auto;
	
	padding-left: 32px;
	padding-right: 32px;
	
	background-image: url("default/fondo_sombra2.gif");
	background-position: center;
	background-repeat: repeat-y;
}

#cuerpo {
	padding: 0;
	margin: 0;
	
	color: #00CCCC;
	
	width: 100%;
	height: auto;

	background-color: black;
	
	border-left-color: black;
	border-left-width: 4px;
	border-left-style: solid;

	border-right-color: black;
	border-right-width: 4px;
	border-right-style: solid;

	border-bottom-color: black;
	border-bottom-width: 14px;
	border-bottom-style: solid;

	background-image: url("default/fondo_tubo.jpg");
	background-position: center;
	background-repeat: repeat-y;
}

#header {
	width: 100%;

	text-align: right;
	padding: 0;
	margin: 0;
	color: white;

	background-color: black;
	border-color: black;
	border-width: 4px;
	border-style: solid;
}

#title {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 76px;
}

#title h1 {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;

	width: 100%;

	margin: 10px 0 0 0;
	padding: 0;
}

#title .banner_head {
	margin-right: 1px;
}

#menu_horizontal {
	width: 100%;

	margin-top: 0;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	
	padding: 0;
	
	font-size: 8pt;
	text-align: right;

	color: white;
	background-color: black;

	border-top-color: #1d3f49;
	border-bottom-color: #1d3f49;
	
	border-left-color: black;
	border-right-color: black;
	
	border-top-width: 1px;
	border-bottom-width: 1px;

	border-left-width: 4px;
	border-right-width: 4px;

	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-style: none;
}

#menu_horizontal table {
	margin: auto 0 auto auto;
}

#menu_horizontal a {
	padding: 0 40px;
}

#menu_horizontal a:hover {
	background-color: #1d3f49;
}

#content {
	background-image: url("default/fondo_agua_oscuro_color.gif");
	background-position: center;
	background-repeat: no-repeat;
}

#downbox {
	margin: 15px 0 0 0;

	font-family: Comic Sans MS, Sans-Serif;
	font-size: 1.1em;
	font-weight: normal;
	
	color: #00CCCC;
}

#downbox p {
	padding: 6px;
	margin: 0;
	text-align: left;
}


#footer {
	background-color: black;
	
	text-align: right;
	
	padding: 2px 0;
	border-style: none;
	
	width: 100%;
}

#footer a {
	color: #00AABB;
	font-weight: bold;
}

#footer a:hover {
	color: yellow;
}

/* Cajas del sitio */
.box_azul_oscuro_izq {
	background-color: black;
	
	margin: 0 0 10px 10px;

	border-color: #1d3f49;
	border-width: 1px;
	border-style: solid;

	padding: 2px;
	
	text-align: left;
	
	-moz-border-radius-bottomleft: 1.2em;
	-moz-border-radius-bottomright: 1.2em;
	-moz-border-radius-topleft: 1.2em;
	-moz-border-radius-topright: 1.2em;
}

.box_azul_oscuro_izq h3 {
	color: #00cbcb;
	text-align: left;
	
	padding: 0;
	margin: 2px;
	
	font-style: normal;
	font-weight: normal;
}

.box_azul_oscuro_der {
	background-color: black;

	margin: 0 10px 10px 0;

	border-color: #1d3f49;
	border-width: 1px;
	border-style: solid;

	padding: 2px;
	
	text-align: left;
	
	-moz-border-radius-bottomleft: 1.2em;
	-moz-border-radius-bottomright: 1.2em;
	-moz-border-radius-topleft: 1.2em;
	-moz-border-radius-topright: 1.2em;
}

.box_azul_oscuro_der h3 {
	color: #00cbcb;
	text-align: left;
	
	padding: 0;
	margin: 2px;
	
	font-style: normal;
	font-weight: normal;
}

.box_rojo_oscuro_der {
	background-color: black;
	
	margin: 0 10px 10px 0;

	border-color: #1d3f49;
	border-width: 1px;
	border-style: solid;

	text-align: center;
	
	-moz-border-radius-bottomleft: 1.2em;
	-moz-border-radius-bottomright: 1.2em;
	-moz-border-radius-topleft: 1.2em;
	-moz-border-radius-topright: 1.2em;
}

.box_rojo_oscuro_der h3 {
	color: #00cbcb;
	text-align: left;
	
	padding: 0;
	margin: 2px;
	
	font-style: normal;
	font-weight: normal;
}

.box_rojo_oscuro_cent {
	background-color: black;

	width: 410px;

	margin: 0 auto 20px auto;
	padding: 0;
	
	text-align: center;
}

.box_rojo_oscuro_cent h1 {
	color: cyan;
	
	margin: 0;
	padding: 0;
}

/* Estilos para las noticias */
.box_noticia {
	font-size: 8pt;

	margin: 0 auto 20px auto;
	padding: 0;

	width: 416px;
	height: 150px;

	background-color: black;
	background-image: url("default/fondo_noticias_home.png");
	background-position: center;
	background-repeat: no-repeat;
}

.box_noticia table {
	width: 92%;
}

.box_noticia table.titulo_noticia {
	margin-top: 8px;
}

.contenido_noticia img {
	margin: 5px 5px 0 0;
	
	width: 75px;
	height: 75px;
	
	background-image: url("default/fondo_imagen_noticias.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	
	display: block;
	padding: 0 6px 7px 0;
}

.contenido_noticia {
	color: #00AABB;
	margin: 0 auto;
	
	text-align: justify;
}

.contenido_noticia td {
	vertical-align: top;
}

.contenido_noticia p {
	margin-top: 4px;
	margin-bottom: 0;
}

.titulo_noticia {
	color: cyan;

	font-size: 1em;
	text-align: left;

	margin-top: 7px;	
	vertical-align: top;
}

.titulo_noticia a.comentar {
	display: inline;
	float: right;

	vertical-align: top;
}

.remitente_noticia {
	font-size: 1em;
	font-weight: normal;
	
	margin-bottom: 5px;
	
	color: #00CCCC;
	text-align: left;
}

.remitente_noticia a {
	font-weight: bold;
}

.mas_detalles {
	background-color: yellow;

	display: block;

	width: 70px;
	height: 17px;	
	
	font-style: italic;
	font-weight: bold;

	background-image: url("default/boton_continua.gif");
	background-repeat: no-repeat;
	background-position: center;
}

/* Estilos para las paginas generales (sin columna derecha) */
.general_content {
	font-size: 8pt;

	padding: 20px;
	text-align: justify;
	
	margin: 5px 10px;

	color: #00AABB;
	background-color: black;/*#363640;*/
	
	/*border-color: black;
	border-width: 1px;
	border-style: solid;*/
	
	border-color: #1d3f49;;
	border-width: 1px;
	border-style: solid;

	/*background-image: url("default/fondo_top_general.jpg");*/
	background-image: url("default/fondo_top_panel.jpg");
	background-position: top;
	background-repeat: repeat-x;
}

.general_content h1 {
	font-size: 1.2em;
	text-align: left;
	font-style: italic;
	color: white;
}

/* Amigos */
table#amigos {
	margin-top: 10px;
	width: 100%;
}

#amigos img {
	margin-left: 2px;
}

.amigo_text:link , .amigo_text:visited , .amigo_text:active {
    font-weight: normal;
    
	color: #00BBCC;
    
    padding-top: 12px;
    padding-left: 10px;
    
    display: block;
    
    text-align: center;
    vertical-align: middle;
    
    width: 106px;
    height: 26px;
    
 	background-color: black;
	background-image: url("default/fondo_amigos.gif");
	background-position: center;
	background-repeat: no-repeat;
}
.amigo_text:hover {
    color: yellow;
}

.mas_elementos {
	padding: 0;

	margin-top: 6px;

	font-size: 8pt;

	font-style: italic;
	font-weight: bold;
	
	display: block;
	
	width: 42px;
	height: 9px;
	
	background-image: url("default/ver_mas.gif");
	background-repeat: no-repeat;
	background-position: center;
}


/* Las paginas de detalles de un elemento */
#comic_detalles_content {
	width: 99%;
	height: 1000px;
	
	background-color: black;
	
	border-color: #1d3f49;
	border-width: 1px;
	border-style: solid;
}

#noticia_detalles_content , #articulo_detalles_content , #ficha_detalles_content {
	text-align: justify;
	font-size: 8pt;
	
	margin: 5px 10px;

	color: #00AABB;
	background-color: black;
	
	border-color: #1d3f49;
	border-width: 1px;
	border-style: solid;

	background-image: url("default/fondo_agua_oscuro_color.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#noticia_detalles_content h1.detalles_title , #articulo_detalles_content h1.detalles_title , #ficha_detalles_content h1.detalles_title {
	color: cyan;

	text-align: left;
	
	padding: 5px 10px 4px 10px;
	margin: 0;

	background-image: url("default/fondo_top_panel.jpg");
	background-position: top;
	background-repeat: repeat-x;
}

#noticia_detalles_content .imagen_categoria , #articulo_detalles_content .imagen_categoria , #ficha_detalles_content .imagen_categoria {
	margin: 15px 15px 5px 10px;

	min-width: 75px;
	min-height: 75px;

	float: right;
	
	border-color: #1d3f49;
	border-width: 1px;
	border-style: solid;
}

#noticia_detalles_content img , #articulo_detalles_content img , #ficha_detalles_content img {
	text-align: center;
	display: block;	
	margin: auto;
}

#noticia_detalles_content .contenido , #articulo_detalles_content .contenido , #ficha_detalles_content .contenido {
	padding: 0 15px 15px 15px;
	margin: 0;
}

.remitente {
	font-size: 1em;
	font-weight: normal;
	
	color: #00CCCC;
	text-align: left;
}

.remitente a {
	font-weight: bold;
}

.lista_comentarios {
	color: #00AABB;

	width: 96%;

	border-color: #1d3f49;;
	border-width: 1px;
	border-style: solid;

	background: black;
	background-image: url("default/fondo_top_panel.jpg");
	background-position: top;
	background-repeat: repeat-x;

	text-align: center;
	
	margin: auto;
	
	font-size: 0.9em;
}

.leyenda_legal {
	font-style: italic;
}

/* Paneles laterales */
#panel_content {
	margin: 4px;
	text-align: left;
}

#panel_content a {
	color: #00AABB;
	text-decoration: none;
}

#panel_content a:hover {
	color: yellow;
}

#panel_content ul {
	margin-left: 20px;
	padding: 0;
    
    list-style-image: url("default/punteo2.jpg");
	list-style-type: circle;
}

#panel_content li {
	padding: 0;
	text-align: left;

	font-style: normal;
}

/* Botones para los mensajes */
#boton_grande {
    display: block;

    background: #4d6571;
    padding: 4px;
    width: 165px;

    color: #ffffff;
    font-family : Arial, 'Sans-serif';

    font-style : normal;
    font-weight : bold;
    text-align: center;
    text-decoration: none;

    cursor: pointer;
  }
#boton_grande:hover {
    background: #144156;
    color: #ffffff;
  }
  
/* Comics en linea */
table#comics_on_line {
	width: 100%;
	margin: 0;
	
	padding: 0;
}
#comics_on_line td {
	text-align: center;
	vertical-align: top;
	
	background-image: url("default/fondo_ultimo_comic.png");
	background-position: top center;
	background-repeat: no-repeat;
}
#comics_on_line .imagen_comic_online {
	margin-top: 15px;
}

/* Ultimas fichas */
table#ultimas_fichas {
	width: 100%;
}
#ultimas_fichas td {
	text-align: center;
}

/* Listas multi-pagina */
.multipage_list_content {
	color: #00AABB;

	width: 96%;

	/*border-color: #1d3f49;;
	border-width: 1px;
	border-style: solid;*/

	/*background: black;
	background-image: url("default/fondo_top_panel.jpg");
	background-position: top;
	background-repeat: repeat-x;*/

	text-align: center;
	
	font-size: 8pt;
	
	margin: auto;
	padding: 0 12px 12px 12px;
}

.multipage_list_content b {
	color: #00BBBB;
	font-weight: bold;
}

.multipage_list_content a {
	color: #00AABB;

	padding: 2px;
	
	text-decoration: none;
	
	display: block;
}

.multipage_list_content a:hover {
	color: yellow;
} 

.multipage_list_navegacion {
	font-size: 0.9em;
	text-align: center;
	
	margin: 10px;
}

.multipage_list_title {
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;

	width: 96%;
}

.multipage_list_title TD.orden {
	color : cyan;

	text-align: right;
	vertical-align: top;

	font-size: 0.9em;
}

.multipage_list_title form {
	display: inline;
}

.multipage_list_title select {
	font-size: 1em;
}

.multipage_list_title TD.seccion {
	color : cyan;
	height: 22px;

	font-size: 1.1em;

	font-weight: bold;
	text-align: left;

	vertical-align: top;

	/*border-top-color : #1d3f49;
	border-top-style : dotted;
	border-top-width : 1px;*/

	padding-bottom: 20px;
}

.quienes_somos_usuario {
	width: 100%;

	text-align: left;
	
	margin: auto;
	padding: 15px;
}

/* Formularios */

TEXTAREA, SELECT {
	color: #00AABB;
    background-color : #001b22;
 
    border-color : #1d3f49;
    border-style : inset;
    border-width : 1px;

	/*border-width: 1px;
	border-style: solid;

	border-right-color: white;
	border-bottom-color: white;

	border-top-color : #dadada;
	border-left-color : #dadada;*/

	font-size: 9pt;
    font-style : normal;
    font-weight : normal;
    text-decoration : none;
    
 	/*BACKGROUND-IMAGE: url("admin/fondo_texto.gif");
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: top;*/
  }

INPUT {
	border-color : #1d3f49;
	border-style : inset;
	border-width : 1px;

    background-color : #001b22;
	color: #00AABB;

	font-size : 0.9em;
	font-style : normal;
	font-weight : normal;

	/*BACKGROUND-IMAGE: url("admin/fondo_texto.gif");
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: top;*/
  }

INPUT.submit, INPUT.reset, INPUT.button {
	background-color : #eeeff1;

	border-color : #cbcedf;
	border-style : solid;
	border-width : 1px;

	color : black;

	font-style : normal;
	font-weight : normal;

	text-align: center;

	cursor: pointer;
  }

table#formulario {
	background-color: black;
	width: 90%;

	font-size: 9pt;
	text-align: left;
	
	margin: auto;
	
	border-color: #1d3f49;
	border-width: 1px;
	border-style: solid;

	background-image: url("admin/fondo_top_panel.jpg");
	background-position: top;
	background-repeat: repeat-x;
	
	padding: 10px;
}

#formulario b {
	color : #010064;
	font-weight: bold;
}

#formulario TD.item {
	color: #00CCCC;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

#formulario TD.seccion {
	color : cyan;
	font-size: 1.1em;

	font-weight: bold;
	text-align: left;

	vertical-align: top;

	border-top-color : #1d3f49;
	border-top-style : dotted;
	border-top-width : 1px;

	padding-bottom: 16px;
}

#formulario TABLE.detalle_productos {
	background-color: white;

	border-width: 1px;
	border-style: solid;

	border-right-color: white;
	border-bottom-color: white;

	border-top-color : #dadada;
	border-left-color : #dadada;

	border-collapse: collapse;

	font-size: 0.9em;
	padding: 2px;
}

#formulario TR.detalle_productos_titulo {
	color : #010064;

	font-weight: bold;
	text-align: center;
}

#formulario TD.detalle_productos_item {
	border-color : #dadada;
	border-style : dotted;
	border-width : 1px;

	text-align: left;
	padding: 2px;
}

#formulario TD.detalle_productos_precio {
	border-color : #dadada;
	border-style : dotted;
	border-width : 1px;

	text-align: right;
	padding: 2px;
}

.simple_form table {
	border-style: none;
	background: none;
}


/* Firmas de usuario */
#firma_usuario {
	text-align: left;
}

#firma_usuario img {
	text-align: left;
	margin-left: 0;
}

/* Textos en imagenes */
#posts_foro h3 {
	background-image: url("default/texto/ultimos_posts.gif");
	background-repeat: no-repeat;

	width: 77px;
	height: 9px;

	margin-top: -15px;
	margin-left: 0px;
	float: left;
}
#fichas_de_comics h3 {
	background-image: url("default/texto/archivo_de_personajes.gif");
	background-repeat: no-repeat;

	width: 124px;
	height: 10px;

	margin-top: -15px;
	margin-left: 0px;
	float: left;
}
#articulos_de_comics h3 {
	background-image: url("default/texto/articulos_de_comics.gif");
	background-repeat: no-repeat;

	width: 118px;
	height: 10px;

	margin-top: -15px;
	margin-left: 0px;
	float: left;
}
#articulos_de_anime h3 {
	background-image: url("default/texto/articulos_de_anime.gif");
	background-repeat: no-repeat;

	width: 110px;
	height: 10px;

	margin-top: -15px;
	margin-left: 0px;
	float: left;
}
#nueva_ficha h3 {
	background-image: url("default/texto/nuevo_expediente.gif");
	background-repeat: no-repeat;

	width: 93px;
	height: 9px;

	margin-top: -15px;
	margin-left: 0px;
	float: left;
}
#amigos h3 {
	background-image: url("default/texto/amigos.gif");
	background-repeat: no-repeat;

	width: 42px;
	height: 9px;

	margin-top: -15px;
	margin-left: 0px;
	float: left;
}
#nuevos_comics_on_line h3 {
	background-image: url("default/texto/nuevos_comics_en_linea.gif");
	background-repeat: no-repeat;

	width: 139px;
	height: 10px;

	margin: 0 auto;
}
#noticias_main_title {
	padding: 0;
	margin-top: 6px;

	background-image: url("default/texto/noticias.gif");
	background-repeat: no-repeat;
	background-position: top;

	width: 68px;
	height: 20px;
	
	display: block;
}
#noticias_anteriores {
	padding: 0;
	margin-top: 6px;

	background-image: url("default/texto/noticias_anteriores.gif");
	background-repeat: no-repeat;

	width: 126px;
	height: 10px;
	
	display: block;
}

/* Imagenes del menu */
#menu_inicio {
	background-image: url("default/texto/menu/inicio.gif");
	background-repeat: no-repeat;
	background-position: center;

	width: 10px;
	height: 15px;

	display: block;
}
#menu_foro {
	background-image: url("default/texto/menu/foro.gif");
	background-repeat: no-repeat;
	background-position: center;
	
	width: 4px;
	height: 15px;

	display: block;
}
#menu_galeria {
	background-image: url("default/texto/menu/galeria.gif");
	background-repeat: no-repeat;
	background-position: center;
	
	width: 4px;
	height: 15px;

	display: block;
}
#menu_quienes_somos {
	background-image: url("default/texto/menu/quienes_somos.gif");
	background-repeat: no-repeat;
	background-position: center;
	
	width: 45px;
	height: 15px;

	display: block;
}
#menu_contacto {
	background-image: url("default/texto/menu/contacto.gif");
	background-repeat: no-repeat;
	background-position: center;
	
	width: 20px;
	height: 15px;

	display: block;
}

/* Popups */
.popup {
	background-color: #003640;
	
	border-color: black;
	border-width: 2px;
	border-style: solid;
	
	padding: 15px;
	
	z-index: 100;
}

.detalles_usuario {
	padding: 0 15px 0 15px;
}

.detalles_usuario h1 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	
	padding-top: 0! important;
	padding-left: 0 ! important;

	color: #00AABB ! important;

	background-image: none ! important;
}

/* Publicidad en sitio */
.publicidad_home {
	width: 140px;
	height: 260px;
}

/* Comentarios desde foro */
.lista_comentarios .multipage_list_content td {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #1d3f49;
	
	margin-bottom: 10px;
	
	text-align: left;
}