/* Layout */
body {
  margin: 10px;
  background: #f0f0f0 url('img/bg_body.png') repeat-x;
}
#All {
  width: 900px;
  margin: 0 auto;
}
#Top {
  height: 200px;
  background: #800000;
  border: #d0d0d0 1px solid;
  margin-bottom: 3px;
  overflow: hidden;
}
#Logo {
  display: block;
  float: left;
  width: 300px;
  height: 200px;
  margin: 0;
}
#TopContent {
  float: right;
  width: 590px;
  text-align: right;
  color: #ffffff;
  font: bold 150% Times New Roman, serif;
  
}
#Main {
  height: 1%; /* Bug IE */
  padding: 10px;
  color: #000000;
  background: #ffffff url('img/bg_main.png') 0 100% repeat-x;
  border: #800000 1px solid;
}
#MainInfo {
  float: right;
  text-align: right;
  color: #a0a0a0;
  font: 70% Times New Roman, serif;
}
#MainContent {
  float: left;
  width: 500px;
  margin-right: 25px;
}
#MainAux {
  float: left;
  width: 345px;
  height: 1%; /* Bug IE */
  overflow: hidden;
}
#Enlaces {
  text-align: center;
}
#Enlaces img {
  border: #a0a0a0 1px solid;
  margin: 2px;
}
#Bottom {
  margin-top: 5px;
  text-align: center;
}
/* Menú */
#Menu {
  height: 40px;
  background: #800000 url('img/bg_menu.png');
  border: #800000 1px solid;
  margin-bottom: 3px;
  overflow: hidden;
}
#Menu a {
  display: block;
  float: left;
  height: 40px;
  padding: 0 20px;
  color: #cccccc;
  font: bold 90% Verdana, sans-serif;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
}
#Menu a.portada { color:#ffffff; }
#Menu a.especial { color:#ff7777; }
#Menu a:hover, #Menu a.portada:hover, #Menu a.especial:hover {
  color: #ffffff;
  background-color: #C00000;
}
/* Menú Bottom */
#MenuBottom { color: #c0c0c0; }
#MenuBottom a {
  color: #707070;
  font: bold 70% Verdana, sans-serif;
  text-decoration: none;
  padding: 0 5px;
}
#MenuBottom a:hover {
  color: #800000;
  text-decoration: underline;
}

/* Portada */
.noticiaP1, .noticiaP2, .noticiaP3 {
  color: #eeeeee;
  font: 12px Arial, sans-serif;
  width: 500px;
  height: 100px;
  overflow: hidden;
  margin-bottom: 3px;
}
.noticiaP1 { background: #900000 url('img/bg_noticia_rojo.png') repeat-x; border: #800000 1px solid; }
.noticiaP2 { background: #303030 url('img/bg_noticia_grisoscuro.png') repeat-x; border: #202020 1px solid; }
.noticiaP3 { background: #505050 url('img/bg_noticia_grismedio.png') repeat-x; border: #404040 1px solid; }
.noticiaP1 img, .noticiaP2 img, .noticiaP3 img {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 5px;
  border: 0;
}
.noticiaP1 h3, .noticiaP2 h3, .noticiaP3 h3 {
  color: #ffffff;
  font: bold 14px Arial, sans-serif;
  margin: 2px 0;
}
.noticiaP1 a, .noticiaP2 a, .noticiaP3 a {color: #ffff00;}
#TablonTitle {
  margin: 0 auto;
  width: 600px;
  padding: 5px;
  color: #ffffff;
  background: #808080 url('img/bg_tablontitle.png') repeat-x;
  border: #202020 1px solid;
  border-bottom: 0;
  font: bold 100% Times New Roman, sans-serif;
  text-align: center;
}
#TablonContent {
  margin: 0 auto 15px auto;
  width: 600px;
  padding: 5px;
  color: #707070;
  background: #f7f7f7 url('img/bg_tabloncontent.png') 0 100% repeat-x;
  border: #202020 1px solid;
  border-top: 0;
  font: 90% Arial, sans-serif;
}

/* Estilos */
h1 { color: #800000; font: bold 130% Times New Roman, serif; }
h2 { color: #a00000; font: bold 110% Times New Roman, serif; }
h3 { color: #c00000; font: bold 100% Times New Roman, serif; }
a {
  color: #800000;
  font-weight: bold;
  font-family: Verdana, sans-serif;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
hr {
  margin: 10px 0;
  height: 1px;
  color: #c0c0c0;
}
img { border: 0; }
strong { color: #a00000; }
.center { text-align:center; }
.center * { margin-left:auto; margin-right:auto; }
.ok {
  color: #ffffff;
  background: #00a000;
  border: #00ff00 1px solid;
  font: bold 90% Courer, sans-serif;
  padding: 25px;
  letter-spacing: 5px;
  word-spacing: 10px;
}
.error {
  color: #ffffff;
  background: #a00000;
  border: #ff0000 1px solid;
  font: bold 90% Courer, sans-serif;
  padding: 25px;
  letter-spacing: 5px;
  word-spacing: 10px;
}
.fecha {
  color: #909090;
  font: 80% Times New Roman, serif;
}
.texto {
  color: #505050;
  font: 90% Arial, sans-serif;
  text-align: justify;
}

textarea {
  color: #505050;
  font: 90% Arial, sans-serif;
  padding: 5px;
  width: 300px;
  height: 100px;  
  background: #f0f0f0;
  border: #ffffff 1px solid;
}
input.i {
  color: #505050;
  font: 90% Arial, sans-serif;
  padding: 5px;
  width: 300px;
  background: #f0f0f0;
  border: #ffffff 1px solid;
}

/* Galería */
#galeria .item {
  float: left;
  width: 150px;
  height: 150px;
  margin: 0 10px 10px 0;
  padding: 10px 0;
  text-align: center;
  background: #f7f7f7;
  border: #d0d0d0 1px solid;
  overflow: hidden;
}
#galeria a { text-decoration: none }
#galeria img { border: 0 }
#galeria .name {
  display: block;
  font-weight: bold;
  font-size: 90%;
  color: #c00000;
  white-space: nowrap;
}
#galeria .size, #galeria .dim {
  display: block;
  font-size: 80%;
  color: #a0a0a0;
}

/* Páginas */
.paginas {
  clear: both;
  margin: 10px;
  text-align: center;
  font-weight: bold;
}
.pagina {
  margin: 0 3px;
  padding: 2px 5px;
  border: #d0d0d0 1px solid;
  text-decoration: none;
}
.pagina:hover {
  border: #d00000 1px solid;
}


/* Foro */
#Foro .postPortada {
  margin-bottom: 3px;
  border: #c0c0c0 1px solid;
  background: #f7f7f7;
  padding: 5px;
  width: 330px;
  height: 90px;
  overflow: hidden;
}
#Foro .post {
  margin-bottom: 10px;
  border: #c0c0c0 1px solid;
  background: #f7f7f7;
  padding: 5px;
}
#Foro .nick_reg {
  color: #c00000;
  font-weight: bold;
  font-style: italic;
  float: left;
}
#Foro .nick_noreg {
  color: #c00000;
  font-style: italic;
  float: left;
}
#Foro .fecha1 {
  color: #707070;
  font-family: Tahoma;
  font-size: 80%;
  float: right;
}
#Foro .fecha2 {
  color: #707070;
  font-family: Tahoma;
  font-size: 80%;
  float: right;
}
#Foro .mensaje {
  color: #505050;
  font: 90% Arial, sans-serif;
  text-align: justify;
}

/* AuxBox */
#AuxBox {
  display: none;
  position: absolute;
  z-index: 10;
  width: 200px;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  background: #f7e0f7;
  border: #000000 1px solid;
}