body {
  background-color:#22222f;
  margin:50px 20px 20px 20px;
  font-family:verdana, sans-serif;
}

blockquote {
  text-align:left;
  background-image:url('images/blockquote.jpg');
  background-repeat:no-repeat;
  background-position:0px 10px;
  font-size:18px;
  font-family:tahoma;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:-10px; 
  padding-left:35px;
}

a, img {
  text-decoration:none;
  color:#ffcc88;
  border:0px;
}

a:hover {
  color:#ffeecc;
  border:1px;
  border-style:none none dotted none;
}

form {
  margin:15px 20px 25px 20px;
  text-align:center;
}
                                                                                                                           
input, textarea {
  border:1px;
  border-color:#000000;
  border-style:solid none none solid;
  background-color:#3a3a3a;
  color:#ffcc88;
  -moz-border-radius: 5px;
}
                                                                                                                           
input:hover, textarea:hover, input:focus, textarea:focus {
  background-color:#444444;
}
                                                                                                                           
fieldset {
  border:0px;
}

acronym {
  cursor:help;
}

#subrayado {
  text-decoration:underline;
}

#continente {
  position:absolute;
  top:127px;

  background-color:#333333;
  color:#ffffff;

  margin:0px 0px 20px;
  width:600px;

  border:1px;
  border-color:#ffaa00;
  border-style:solid solid none solid;

  padding:5px 5px 20px 5px;

  -moz-border-radius:6px 6px 0px 0px;
}

#titulo {
  position:absolute;
  top:45px;
  padding:0px;
  margin:0px 0px 0px 400px;

  color:#ffcc88;
  font-family:verdana, times;
  font-weight:bold;
  font-style:italic;
}

#titulo span {
  font-size:10px;
  font-weight:normal;
  color:#ffaa00;
}

#menu {
  position:absolute;
  top:90px;
  background-color:#444444;

  margin-left:150px;
  padding:10px;
  width:430px;
  height:100px;

  text-align:center;
  font-family:verdana, times;
  font-size:10px;
  color:#ffeecc;

  border:1px;
  border-style:solid solid none solid;
  border-color:#ffaa00;

  -moz-border-radius:6px 6px 0px 0px;
}

#menu span {
  text-decoration:line-through;
}

#menu acronym {
  cursor:help;
  border:0px;
}

#menu a {
  padding:2px 10px 2px 10px;
  color:#ffeecc;
  text-decoration:none;

  border:1px;
  border-style:solid;
  border-color:#444444;

  -moz-border-radius:6px;
}

#menu a:hover {
  background-color:#333333;

  border:1px;
  border-style:solid;
  border-color:#ffcc88;

  -moz-border-radius:6px;
}

.informacion-titulo {
  float:right;
  clear:both;
  width:180px;
  margin:20px 10px 0px 0px;
  padding:5px;

  background-color:#444444;

  border:1px;
  border-style:solid;
  border-color:#000000;

  font-family:verdana, times;
  font-size:10px;
  font-weight:bold;

  color:#ffcc88;
  text-align:center;

  -moz-border-radius:6px 6px 0px 0px;
}

.informacion {
  float:right;
  clear:both;
  margin-right:10px;

  background-color:#555555;

  border:1px;
  border-style:none solid solid solid;
  border-color:#000000;

  padding:10px;
  width:170px;

  -moz-border-radius:0px 0px 6px 6px;

  font-family:verdana, times;
  font-size:10px;
  color:#ffeecc;

/*  text-align:justify; */
}

.informacion li {
  list-style:square;
}

.barra-info {
  float:right;
  clear:both;
  margin-right:10px;

  font-family:verdana, times;
  font-size:10px;
  color:#ffeecc;

  width:170px;
  padding:10px;

  text-align:center;
}

#contenido {
  font-family:verdana, times;
  font-size:10px;
  text-align:justify;
  color:#ffeecc;

  width:350px;
  margin:20px 0px 20px 20px;
}

#contenido h1 {
  font-size:20px;
}

#contenido h2 {
  font-size:12px;
  color:#ffcc88;
}

#contenido h3 {
  padding:5px;

  border:1px;
  border-style:solid;
  border-color:#222222;
  -moz-border-radius:6px;

  background-color:#222222;

  text-align:right;
  color:#888888;
}

#contenido h3 a {
  color:#888;
}

#contenido h3 a:hover {
  color:#ffeecc;
  border-style:none;
}

#contenido h3 span {
  font-size:10px;
  font-weight:normal;
  color:#ffcc88;
}

#pie {
  margin:20px 0px 20px 20px;
  width:330px;
  padding:10px;
  -moz-border-radius:6px;

  background-color:#222222;

  text-align:center;
  font-family:verdana,times;
  font-size:9px;
  color:#ffeecc;
}

#fotos {
  text-align:center;
}

#twitter {
  width:300px;
  position:absolute;
  left:625px;
  top:175px;
  z-index:-10;
  color:#fec;
}

#twitter img {
  float:left;
}

#twitter p {
  position:absolute;
  left:130px;
  top:-25px;
  font-size:0.7em;
  font-style:italic;
}

#twitter a {
  text-decoration:none;
}

.beats {
  color:#af0;
  font-weight:normal;
  font-size:10px;
}

.beats a {
  color:#fff;
}

.beats a:hover {
  color:#ff0;
  border:0px;
}

.tachado {
  text-decoration:line-through;
}

#tooCool {
  border:0px;
  position: fixed;
  right: 0;
  bottom: 0;
  display: block;
  height: 80px;
  width: 80px;
  background: url(images/cool-es.png) bottom right no-repeat;
  text-indent: -999em;
  text-decoration: none;
}

.quoteAutor {
  text-align:right;
  margin-right:30px;
}