body {
  margin: 0;
  width: 100%;
  height: 100%;
  background: #808080 url('img/fondo.png') 0 0 repeat-x;
}
#All {
  width: 1000px;
  margin: 0 auto;
}

.icons img {
  width: 32px;
  height: 32px;
  border: #a0a0a0 1px solid;
  margin: 2px;
}
h1 {
  display: block;
  margin: 0;
  height: 20px;
  padding: 2px;
  color: #ffff00;
  background: #4040ff url('./img/h1.jpg') no-repeat 0 0;
  border: #e0e0e0 1px solid;
  border-bottom: 0;
  text-align: center;
  font: bold 90% Verdana, sans-serif;
}
h1.content { background: #4040ff url('./img/h1_content.jpg') no-repeat 0 0; }
h1.google { background: #4040ff; }
.box {
  padding: 5px;
  border: #e0e0e0 1px solid;
  background: #ffffff;
  border-top: 0;
  margin-bottom: 10px;
  height: 1%; /* Bug IE */
  color: #000000;
  font: 80% Verdana, sans-serif;
}
.box h2 {
  color: #4040ff;
  font: bold 150% Times New Roman, sans-serif;
  display: block;
  margin: 5px 0;
}
.box h3 {
  color: #001862;
  font: bold 120% Tahoma, sans-serif;
  display: block;
  margin: 5px 0;
}
.box h4 {
  color: #a00000;
  font: italic 90% Tahoma, sans-serif;
  display: block;
  margin: 0 0 10px 0;
}
.box table {
  font: 90% Verdana, sans-serif;
}
.box hr {
  height: 1px;
  color: #001862;
  margin: 10px 0;
}
.fecha {
  color: #707070;
  font: 90% Verdana, sans-serif;
}
.autor {
  color: #001862;
  font: 90% Verdana, sans-serif;
}
.error {
  color: #c00000;
  font-weight: bold;
}
big {
  font: bold 200% Tahoma, sans-serif;
}
strong { color: #a00000; }

.boximagen {
  width: 200px;
  padding: 5px;
  margin: 2px;
  border: #c0c0c0 1px solid;
  background: #f0f0f0;
  color: #001860;
  font: 70% Verdana, sans-serif;
}

ul { list-style-type: circle; }

a.boton {
  padding: 2px 5px;
  color: #ffffff;
  background: #4040ff url('./img/h1.jpg') no-repeat;
  border: #4040ff 1px solid;
  text-decoration: none;
}
a.boton:hover {
  color: #ffff00;
  background-position: 0 100%;
}
a.link {
  color: #4040ff;
  text-decoration: none;
  padding: 0 5px;
}
a.link:hover {
  background: #d0d0d0;
}
a.mas { float: right; }

.center {
  padding-left: auto;
  padding-right: auto;
  text-align: center;
}
.center * { margin: auto; }
.right {
  text-align: right;
}
img { border: 0; }
img.fotoplantilla { border: #000000 1px solid; }

.foot {
  text-align: center;
  color: #001862;
  background: url('./img/foot.jpg') repeat-x 0 100%;
}


/* Patrocinadores */
.logostop {
  float: right;
  text-align: right;
  margin-top: 10px;
}
.logostop img {
  border: #000000 1px solid;
  margin: 0 0 0 5px;
}
.patrocinadores {
  color: #e0e0e0;
  text-align: center;
}
.patrocinadores img {
  display: block;
  margin: 0 auto 10px auto;
  border: #000000 1px solid;
}

/* Foro */
#foro .post {
  margin-bottom: 10px;
  border-bottom: #c0c0c0 1px dotted;
}
#foro .nick {
  color: #4040ff;
  font-weight: bold;
  font-style: italic;
}
#foro .nick_reg {
  color: #4040ff;
  font-weight: bold;
  font-style: italic;
}
#foro .nick_noreg {
  color: #4040ff;
  font-style: italic;
}
#foro .fecha1 {
  color: #707070;
  font-family: Tahoma;
}
#foro .mensaje {
  /*word-wrap: break-word;*/
}
#foro .i {
  width: 100px;
  height: 20px;
  color: #000000;
  background-color: #c0c0c0;
  border: #c0c0c0 2px inset;
  font-family: Tahoma;
  font-size: 10px;
}
#foro .b {
  width: 70px;
  height: 25px;
  color: #0000ff;
  background-color: #d0d0d0;
  border: #c0c0c0 2px outset;
  font-family: Tahoma;
  font-size: 10px;
  font-weight: bold;
}
#foro textarea {
  width: 400px;
  height: 300px;
  color: #000000;
  background-color: #c0c0c0;
  border: #c0c0c0 2px inset;
  font-family: Tahoma;
  font-size: 10px;
}

/* Galería */
#galeria .item {
  float: left;
  width: 180px;
  height: 180px;
  margin: 10px;
  padding: 10px;
  text-align: center;
  border: #4040ff 1px solid;
  overflow: hidden;
}
#galeria a { text-decoration: none }
#galeria img { border: 0 }
#galeria .name {
  display: block;
  font-weight: bold;
  font-size: 90%;
  color: #4040ff;
}
#galeria .size, #galeria .dim {
  display: block;
  font-size: 80%;
  color: #4040ff;
}
/* Páginas */
.paginas {
  clear: both;
  margin: 10px;
  text-align: center;
  font-weight: bold;
}
.pagina {
  margin: 0 3px;
  padding: 2px 5px;
  border: #4040ff 1px solid;
  text-decoration: none;
}
.pagina:hover {
  border: #202070 1px solid;
}


/* Sudoku */
#Sudoku table {
  border: #001862 1px solid;
  border-collapse: collapse;
}
#Sudoku td {
  border: #d0d0d0 1px solid;
  width: 25px;
  height: 25px;
}
#Sudoku input {
  border: 0;
  background: transparent;
  text-align: center;
  width: 20px;
  height: 20px;
  color: #0070e0;
  font: bold 20px Courier;
}

#creditos {
  margin-top: 10px;
	height: 15px;
	text-align: center;
	font: bold 10px Tahoma, Verdana, Arial, sans-serif;
}
#creditos a:link, #creditos a:visited {
	color: #aabbcc;
	text-decoration: none;
}
#creditos a:hover {
	color: #ddeeff;
}

