body {font-size:78%; font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif; background:#f0f0f0; word-wrap:break-word;}

#header {background: #d55707; background-image: url(../img/internetsipero.png); background-position: left; background-repeat: no-repeat; padding:30px;}

#autor {font-size: 12px; line-height: 95%; font-variant: small-caps; position:relative; left: 30%;}

#outer1 {float:left; width:200px; padding:20px; background:#ffffff; text-align: -moz-justify; text-align: justify;}
#outer3 {float:right; width:200px; padding:20px; background:#ffffff; text-align: -moz-justify; text-align: justify;}
#outer2 {background:#e0e0e0; margin:10px 270px; text-align: -moz-justify; text-align: justify;}

#outer1, #outer2, #outer3 {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {overflow:hidden; background:#e0e0e0;}

#footer {clear:both; background:#455c5a;}

.content {padding:10px;}
h1 {font-size:20px; margin:0; padding:10px 0; color:#fff;}
h3 {font-size:18px; margin:0; padding:8px 0;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}

#nav ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; font-family: arial, verdana, sans-serif; font-size:11px;}
#nav li {display:table-cell; margin:0; padding:0;}
#nav a {float:left; color:#000; background: #ccc url(../img/top_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 0 2px; text-decoration:none; letter-spacing:1px;}
#nav a b {float:left; display:block; background:transparent url(../img/top_right.gif) no-repeat right top; padding:5px 16px 5px 12px;}
#nav a:hover {background: #3a73ba url(../img/top_left.gif) no-repeat left top; color:#fff; cursor:pointer;} 
#nav .current a {background: #3a73ba url(../img/top_left.gif) no-repeat left top; color:#fff; cursor:default;} 
#nav {padding:20px 0 10px 0; background:#fff url(../img/shade_bottom.gif) repeat-x left bottom;} 

/* 
CSS para tabla
*/
table {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #92C428;
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  text-align: left;
  background: #4591AD;
  color: #FFFFFF;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }
tbody tr:hover {
  background: #FFD800;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }