* {
  margin: 0;
  padding: 0;
  font-family: Verdana;
}

body {
  font-family: Verdana;
  font-size: 11px;
}

form {
  margin: 0 10px;
  float: left;
}

form hr {
  margin: 10px;
}

form p {
  margin: 10px;
}

form div {
  margin: 5px;
}

fieldset {
  border: solid 1px #baa;
  background-color: #f5f5e5;
}

legend {
  margin-left: 30px;
  border: solid 1px #aaa;
  padding: 5px 20px;
  font-weight: bold;
}

label {
  font-weight: bold;
  float: left;
  width: 150px;
}

input,select,textarea {
  border: solid 1px #999;
  padding: 2px;
  font-size: 11px;
}

input:focus,select:focus,textarea:focus {
  border: solid 1px #f90;
  background-color: #ffe;
}

input[type=submit] {
  border-style: outset;
  font-weight: bold;
  padding: 2px 10px;
}

input[type=submit]:focus {
  border: solid 1px #999;
  background-color: #aaa;
}

select {
  min-width: 60px;
}

iframe {
  border: dotted 1px #ccc;
  margin: 10px;
}

hr {
  border-style: dotted;
  border-width: 1px 0 0 0;
}

br {
  clear: both;
  margin: 5px;
}

a:link {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a img {
  border: none;
}

.alerta {
  color: #d00;
  font-weight: bold;
}

.numero {
  text-align: right;
}

.error {
  margin: 10px;
  padding: 5px;
  font-weight: bold;
  color: #d00;
  border: solid 1px #d00;
  background-color: #fff;
}

.msg {
  margin: 10px;
  padding: 5px;
  font-weight: bold;
  color: #d00;
  border: solid 1px #d00;
  background-color: #fff;
}

.separador {
  padding: 20px;
}

.solapa {
  width: 100%;
  padding: 10px 0 0 40px;
  background-color: #ddd;
  background-image: url('../imagenes/linea.jpg');
  background-repeat: repeat-x;
  background-position: bottom;
  overflow: hidden;
  margin-bottom: 20px;
}

.solapa a:link {
  text-decoration: none;
  color: #f90;
}

.solapa a:active {
  text-decoration: none;
  color: #f90;
}

.solapa a:visited {
  text-decoration: none;
  color: #f90;
}

.solapa a:hover {
  text-decoration: none;
  color: #f90;
}

.activa,.inactiva {
  display: block;
  float: left;
  width: 137px;
  height: 37px;
  margin: 0 2px;
  text-align: center;
  font-weight: bold;
  padding-right: 10px;
}

.activa * {
  margin-top: 14px;
}

.inactiva * {
  margin-top: 14px;
 }

.activa {
  background-image: url('../imagenes/activa.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
}

.inactiva {
  background-image: url('../imagenes/inactiva.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
}

.preview {
  float: left;
  margin: 0 10px;
  border: solid 1px #baa;
  background-color: #f5f5e5;
  padding: 10px 0 0 10px;
}

.preview p {
  margin: 10px;
}

.scroll {
  margin: 10px;
  padding: 5px;
  border: solid 1px #aaa;
  overflow: scroll;
  background-color: #fff;
  width: 887px;
  height: 500px;
}

.inicio {
  margin: 10px;
}

.inicio p {
  margin: 0 0 5px 0;
}

.inicio hr {
  margin: 10px 0;
}

.listado {
  float: left;
  margin: 10px;
  border: dotted 1px #aaa;
  padding: 10px;
}

.listado h2 {
  font-size: 11px;
  margin: 10px 0 5px 0;
}

.listado a {
  color: #559;
}

.minifoto {
  margin: 0 10px 10px 0;
  float: left;
  background-color: #fff;
  border: solid 1px #999;
  text-align: center;
}

.minifoto p {
  margin: 3px;
}

.navegacion {
  margin: 10px;
  vertical-align: top;
}

.navegacion * {
  float: left;
}

.navegacion span {
  margin-top: 2px;
  width: 75px;
  text-align: center;
}