/* A - BODY */
html,body {	margin:0; padding:0; }
body {
	margin-top:45px; padding:0;
	text-align:center; /*center_IE6*/
	font:7pt/11px Verdana, Tahoma, Arial, sans-serif;
	background: url('../img_amano/fondo_madera.jpg');
}
/* B - TODO */
#todo {
	position:relative; /* en principio esto no es necesario, sólo lo he puesto porque leí en mi otro css (index_amano.css) que era necesario, pero no hay diferencia*/
	width: 955px;
	margin: 0 auto; /*center_FF2*/
	text-align:left;
	border:none; 
	background: url('../img_amano/fondo_todo.png') repeat-y;
	padding-bottom:50px;
}

/* 1.- HEADER */
#todocabecera { /*todocabecera = cabecera del papel cuadriculado */
	width:955px; height:179px;
	position:relative; top:-18px; left:0px;
	background: url('../img_amano/fondo_cabecera.png') no-repeat;
}
#header { width:900px; height:167px; border:none; background:none; padding-top:20px; margin-left:25px; }

/* 1.1 - LOGOTIPO */
#logo {	width:168px; height:167px; border:none;	float:left; }
#logo img { border:none; }
#logo h2 span, h3 span {display:none;}

/* 1.2 - BANNER DE PUBLICIDAD */
#banner { position:relative; width:684px; height:167px; border:none; float:left; background:url('../img_amano/head_cera.png'); }
#banner h3 { position:absolute; top:63px; left:25px; width:468px; height:60px; margin-top:0px; z-index:99; }
#banner h2 { position:absolute; top:55px; left:20px; width:480px; height:76px; background-image:url('../img_amano/head_publi.png'); margin-top:0px; }
#banner h1 span, h2 span {display:none;}

/* 1.3 - LOGO ELRELLANO */
#logo h3 a { position:absolute; left:0px; top:0px; border:none; width:80px; height:37px;}
#logo h3 { position:absolute; left:805px; top:140px; width:80px; height:37px; background-image:url('../img_amano/logo_elrellano.png');	border:none; z-index:2;	}

/* 1.4 - CONTADOR RSS */
#rsscount { position:absolute; top:85px; left:700px; width:88px; height:26px; border:none; }

/* 1.5 - ESQUINA PROMO */
#postalware, #camisetas, #concurso, #ipork, #ipork_gamer, #timeline, #oinktv { position:absolute; z-index:3; }
#postalware  { left:606px; top:-7px; width:168px; height:101px; }
#timeline    { left:760px; top:0px;  width:189px; height:142px; }
#camisetas   { left:530px; top: 0px; width:255px; height:88px;  }
#concurso    { left:630px; top:-5px; width:146px; height:88px;  }
#ipork       { left:795px; top:5px;  width:150px; height:100px; }
#ipork_gamer { left:785px; top:10px; width:160px; height:100px; }
#oinktv      { left:785px; top:-15px;  width:196px; height:166px; }

/* 2.- MENU IZQUIERDA */
#menu-left {
	width:175px;
	float:left;
	background: none;
	margin-top:-15px;
}
#menu-left h3.titulo { margin-left: auto; margin-top:10px; margin-right: auto; width:106px; height:42px; background:url('../img_amano/titulo_menu.gif'); }
#menu-left h3.titulo span {display:none;}

#list_menu { position:relative; margin-top:0px auto; padding:0px; padding-right:5px; margin-bottom:50px; }
#list_menu li { display:block; list-style:none; float:right; margin-top:5px;}
#list_menu a {display:block; border:none;}
#list_menu a:hover {border:none;}
#list_menu #w { padding-right:0px;} /*weblog*/
#list_menu #p { margin-top:2px; padding-right:2px;} /*pixel*/
#list_menu #r { margin-top:-5px; padding-right:5px;} /*ratos libres*/
#list_menu #a {} /*wallpapers*/
#list_menu #n {} /*numeralia*/
#list_menu #e {} /*ego insuflator*/
#list_menu #q { margin-top:-8px; } /*faqs*/
#list_menu #se{} /*---*/
#list_menu #w a {width:153px; height:41px; background:url('../img_amano/menu_weblog.png') no-repeat;}
#list_menu #p a {width:143px; height:40px; background:url('../img_amano/menu_pixel.png') no-repeat;}
#list_menu #r a {width:135px; height:43px; background:url('../img_amano/menu_ratoslibres.png') no-repeat;}
#list_menu #a a {width:157px; height:36px; background:url('../img_amano/menu_wallpapers.png') no-repeat;}
#list_menu #n a {width:148px; height:35px; background:url('../img_amano/menu_numeralia.png') no-repeat;}
#list_menu #e a {width:164px; height:43px; background:url('../img_amano/menu_insuflator.png') no-repeat;}
#list_menu #q a {width:106px; height:41px; background:url('../img_amano/menu_faqs.png') no-repeat;}
#list_menu #se  {width:146px; height:41px; background:url('../img_amano/controles_linea.gif') no-repeat;}
#list_menu #em a {position:relative; margin-top:-30px; margin-right:95px; width:57px; height:20px; background: url('../img_amano/menu_email.gif') no-repeat;} /*email*/
#list_menu #rs a {position:relative; margin-top:-35px; margin-right:45px; width:46px; height:21px; background:url('../img_amano/menu_rss.gif') no-repeat;} /*rss*/
#list_menu #fi a {position:relative; margin-top:-45px; margin-left:60px; width:47px; height:41px; background:url('../img_amano/menu_firefox.png') no-repeat;} /*firefox*/
#list_menu #tw a {position:relative; margin-top:0px; margin-right:95px; width:47px; height:56px; background:url('../img_amano/menu_twitter.png') no-repeat;} /*twitter*/
#list_menu #fb a {position:relative; margin-top:-60px;margin-right:55px; width:32px; height:56px; background:url('../img_amano/menu_facebook.png') no-repeat;} /*facebook*/
#list_menu #tu a {position:relative; margin-top:-65px;margin-left:95px; width:40px; height:57px; background:url('../img_amano/menu_tumblr.png') no-repeat;} /*tumblr*/
#list_menu #w a:hover {background:url('../img_amano/menu_weblog.png') 0px -41px no-repeat;}
#list_menu #p a:hover {background:url('../img_amano/menu_pixel.png') 0px -40px no-repeat;}
#list_menu #r a:hover {background:url('../img_amano/menu_ratoslibres.png') 0px -43px no-repeat;}
#list_menu #a a:hover {background:url('../img_amano/menu_wallpapers.png') 0px -36px no-repeat;} 
#list_menu #n a:hover {background:url('../img_amano/menu_numeralia.png') 0px -35px no-repeat;}
#list_menu #e a:hover {background:url('../img_amano/menu_insuflator.png') 0px -43px no-repeat;}
#list_menu #q a:hover {background:url('../img_amano/menu_faqs.png') 0px -41px no-repeat;} 
#w a span, #p a span, #y a span, #e a span, #n a span, #r a span, #f a span, #l a span, #q a span, #a a span, #se span, #em span, #rs span, #fi span, #tw span, #fb span, #ca span, #te span, #tu span {display:none;}


/* 3.- MENU DERECHA */
#menu-right { position:relative; width:165px; float:left; padding-top:0px; margin-top:-15px; }

/* 3.1 - EXPLICACION */
#explicacion h3.titulo { margin-top:10px; margin-left:30px; width:79px; height:35px; background:url('../img_amano/titulo_explicacion.gif');}
#explicacion h3.titulo span { display:none; }			
#explicacion p.p1 { padding-top:0px; padding-left:5px;  width:95%; font-weight:bold;}
#explicacion p.p2 { padding-top:5px; padding-left:10px; width:90%; }

/* 3.2 - BUSCADOR */
#buscador {position:relative;}
#buscador h3.titulo { margin-top:25px; margin-left:10px; width:149px; height:36px; border:none;	background:url('../img_amano/titulo_buscador.gif');}
#buscador h3.titulo span {display:none;}
#busqtext  { position:relative; top:-17px; margin-left:10px; width:74px;height:12px; background:none; border:none; 
			 font:7pt/8pt Verdana, Tahoma, Arial, sans-serif; color:#0055A4; z-index:6; }
#busqboton { position:relative; top:-20px; margin-left:10px; width:18px;height:20px; }
#busqcats  { position:relative; top:-15px; margin-left:05px; margin-top:5px; font:7pt/8pt Verdana, Tahoma, Arial, sans-serif; }
#busqautor { position:relative; top:-15px; margin-left:05px; margin-top:5px; font:7pt/8pt Verdana, Tahoma, Arial, sans-serif; }
#busqcaja  { position:relative; top:0px; left:3px; background:url('../img_amano/busq_caja.png'); width:89px; height:20px; z-index:4;}


/* 3.3 - ARCHIVO */
#archivo{ padding-left:5px; }
#archivo h3.titulo { width:140px; height:35px; border:none;	background:url('../img_amano/titulo_archivo.gif');	}
#archivo h3.titulo span {display:none;}

.arch { text-decoration:none; background:none; color:#0055A4; }
.arch:hover { padding-bottom:3px; color:black; background:url('../img_amano/links_subrayado.png') repeat-x 100% 100%; }
.arch:visited { color:#8300A4; }
.arch_esp { padding-bottom:3px; color:blue; background:url('../img_amano/links_subrayado.png') repeat-x 100% 100%; }
.arch_esp:hover { padding-bottom:3px; color:#EA0000; background:none; text-decoration:none; }

/* 4.- CONTENIDO */
#contenido { 
	width:610px; float:left; background: none; margin-top:-15px; 
}
.boxR, .boxC { float: left; }
.boxR  { width: 100%; margin: 0; padding: 0; }
.boxC  { width: 18px; height: 18px; }
#boxTL { background: url('../img_amano/empty.gif') top left no-repeat; }
#boxTR { background: url('../img_amano/empty.gif') top right no-repeat; float: right; }
#boxT  { background: url('../img_amano/box-top.png'); width: 610px; }
#boxBL { background: url('../img_amano/empty.gif') bottom left no-repeat; }
#boxBR { background: url('../img_amano/empty.gif') bottom right no-repeat; float: right; }
#boxB  { background: url('../img_amano/box-bottom.png'); }
#boxM  { background: url('../img_amano/box-vertical.png') left repeat-y; }
#boxMR { background: url('../img_amano/box-vertical.png') right repeat-y; margin: 0 0 0 10px; padding: 0 10px 0 0; }

/* 4.1 - CONTROLES ARRIBA (TAMAÑO LETRA - HACE 1 AÑO - AZAR - CATEGORIAS - LINEA SEPARADORA) */
#controles_arriba {
	background:transparent;
	position:relative; left:60px;
	height:30px; width:465px;
	z-index:90;
}
#hace, #azar, #a01, #a02, #a03 { position:absolute;	}
#a01  { top:15px; left:35px; width:11px; height:15px; background:url('../img_amano/controles_a01.gif') 0px -14px no-repeat; }
#a01:hover  { background:url('../img_amano/controles_a01.gif') 0px 0px no-repeat; }
#a02  { top:13px; left:50px; width:12px; height:14px; background:url('../img_amano/controles_a02.gif') 0px -15px no-repeat; }
#a02:hover  { background:url('../img_amano/controles_a02.gif') 0px 0px no-repeat; }
#a03  { top:10px; left:65px; width:14px; height:18px; background:url('../img_amano/controles_a03.gif') 0px -18px no-repeat; }
#a03:hover  { background:url('../img_amano/controles_a03.gif') 0px 0px no-repeat; }
#hace { top:05px; left:105px; width:67px; height:23px; background:url('../img_amano/controles_hace.gif') 0px -23px no-repeat; }
#hace:hover { background:url('../img_amano/controles_hace.gif') 0px 0px no-repeat; }
#azar { top:05px; left:190px; width:98px; height:21px; background:url('../img_amano/controles_azar.gif') 0px -21px no-repeat; }
#azar:hover { background:url('../img_amano/controles_azar.gif') 0px 0px no-repeat; }
#hace span, #azar span, #a01 span, #a02 span, #a03 span { display:none; }

#cats { 
	position:absolute;
	text-align:center; 
	top:30px; left:310px; z-index:5; width:114px; 
	background:white; border: 1px solid #0055A4; 
	visibility:hidden; padding:5px;
	z-index:95;
}
#cats a { text-decoration:none;}
#cats a:hover {	white-space:nowrap;	padding-bottom:2px; color:#000; background:url('../img_amano/links_subrayado.png') repeat-x 100% 100%;}
#cats a:visited { color:blue;}
#padrecats a {position:absolute; top:10px; left:310px; width:114px; height:19px; cursor:pointer; background:url('../img_amano/controles_elige.gif') no-repeat;}
#padrecats a span {display:none;}

#controles_linea { position:absolute; top:35px; left:30px; width:452px; height:8px; background:url('../img_amano/controles_linea.gif') no-repeat;}

/* 4.2 - CONTENIDOS DE VERDAD (LA VERDADERA CHICHA) */
#contenidos_deverdad { padding-top:30px; background: none;}

/* 4.2.1 - CABECERA HOY */
.cabecera_hoy {
	height:48px; margin-top:20px;
	border-top:1px dashed #989898; background: url('../img_amano/controles_tijeras.gif') no-repeat 1% 0px; 
}
#cabecera_first { margin-top:0px; } /*cabecera del primer día*/
#izq_hoy { /*fecha*/ 
	float:left;
	width:286px; height:22px; 
	background:none; padding-top:6px; 
}
#fecha { position:relative; left: 3px; border:none; text-decoration:none; padding:0px;}
#der_hoy { /*comentarios*/ 
	float:right;
	width:169px; height:28px; background:none;
}
#cifra0 { position:relative; top: 8px; left: 20px;}
#cifra1 { position:relative; top: 8px; left: 20px;}
#cifra2 { position:relative; top: 8px; left: 20px;}
#cifraL { position:relative; top: 9px; left: 30px;}
#comentarios { width:155px; height:32px; border:none; }

/* 4.2.2 - AUTOR */
.carita_autor { float: left; width:15px; padding-top:15px; border:none; background:none;}
.links_autor { border-left:1px solid #AFAFAF; margin-left:15px; padding-left:5px; }

/* 4.2.3 - LINKS */
.L {text-decoration:none; padding-bottom:3px; color:#0055A4; background:url('../img_amano/links_subrayado.png') repeat-x 100% 100%; }
.L:hover { text-decoration:none; background:transparent; }
.L:visited { color:#8300A4; }


/* 4.2.4 - CATEGORIAS + PERMALINKS + POSTS AMARILLOS */
#cat {text-decoration:none; border-bottom:1px dashed red; color:red;}
.catyhora {line-height:17px; display:block; margin-top:15px; }
#cat:hover {border-bottom:1px solid blue; color:blue;}
#perma {text-decoration:none; color:red;} 
.personal { background:#FFFB97; display:block; width:100%;}
.textolink { background:none; }

/* 4.2.5 - ADDTHIS */
.addThisStar { text-decoration:none; color:red; font-family: Verdana, "Courier New", Courier, monospace; }

/* 5.- PAGINATOR */
#paginator_div { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; margin-top:50px; }
.paginator a, .pageList, .this-page, .Prev, .Next { color: #084A73; padding: 2px 6px; border: solid 2px #084A73; background: none; text-decoration: none; }
.paginator a:hover {color: white; background: #084A73; border-color: #084A73; text-decoration: none;}

#paginator_div .this-page {padding: 2px 6px; border: solid 2px #084A73; font-weight: bold; color:white; background: #084A73; }
.paginator_atstart, .paginator_atend { color:gray; }
#paginator_resultados { text-align: center; font: 11px/15px Arial, Helvetica; margin-top: 20px; }

#azar2 h2 { width:98px; height:21px; background:url('../img_amano/controles_azar.gif') 0px -21px no-repeat;}
#azar2 h2:hover { background:url('../img_amano/controles_azar.gif') 0px 0px no-repeat; }
#azar2 h2 span {display:none;}