@charset "utf-8";
/* CSS Document */
body, div, span, select, a, ul, li, h1, h2, h3, h4,img{margin:0; padding:0; border:0}
/* Lay Out */
body{ background:#231f20; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#contenedor { width:950px;  position:relative; margin:8px auto}
#cabecera { padding:0; height:254px}
#cuerpo{ min-height:283px; background:#594127 url(../img/degradadoHorizontal.jpg) no-repeat;}
#pie{ min-height:60px; background:#594127 bottom url(../img/pie.jpg) no-repeat; padding-left:30px; height:60px}
#pieIn { min-height:90px; height:90px; background:#594127 bottom url(../img/pie.jpg) no-repeat;  padding-left:10px;}
#tablero {  background:url(../img/tableroAnuncios.jpg) no-repeat; width:518px; height:228px; position:absolute; bottom:0px; left:205px}
#bannerDer { position:absolute;  top:0; right:0;}
#main{ border:0; width:480px; min-height:200px; float:left; }
#menu-iz {left:20px; height:300px; width:210px; float:left}
#menu-der { position:absolute; right:0;top:175px;  height:300px; width:210px }
#menu-derInt { position:absolute; right:0px;top:201px;  height:424px; width:250px;background:url(../img/tableoInt.jpg) no-repeat }
#menu-derInt div { margin: 3px 20px auto 20px;}
#menu-derInt div a { margin: 0px;}
.margen2 {margin: 0px 0px 0px 12px;}
/* fonts */
.p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:300px; left:211px; width:512px;}
p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
.font {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
span {font-family:Arial, Helvetica, sans-serif; font-size:10px;  }
#anuncios { margin:16px 0 0 6px}
#anuncios td {  }
.desc { width:120px; font-weight:bold}
a {color: #660102}
.img { margin-bottom:4px}
h2 { font-family:Tahoma,Arial, Helvetica, sans-serif; color:#ffc20e; font-size:14px;}
#TableroInt { margin:0px 0px  0px 0px; width:400px}
#TableroInt td { vertical-align:top}
.margen { margin-left:12px}
.txtPersona { width:220px; float:right; margin-right:20px; font-size:12px}
.txtPersona span, .head {color:#ffc20e; font-size:12px; font-weight:bolder}
.left {float:left	}
.clear { clear:left}
#menu-derPer { background:url(../img/backPersonajes.jpg) no-repeat; position:absolute; right:0px;top:0px;height:600px; width:262px; }
#menu-autor { background:url(../img/autor.jpg) no-repeat; position:absolute; right:0px;top:0px;height:600px; width:252px; }
#menu-ilustrador { background:url(../img/ilustrador.jpg) no-repeat; position:absolute; right:0px;top:0px;height:600px; width:252px; }
#colorea{ border:0; width:600px;  margin-left:280px; height:365px;}
#colorea li {
   display:inline;
   float:left;
   width:97px;
   margin:10px;
} 
.ayudante { margin:272px 0px 0px 30px}