/* estilos principales SIMAP */
body {
    margin: 0;
    padding: 0;
    background: #efeae0;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 13px;
    color: #4a4540;
}

#contenedor {
    width: 1180px;
    margin: 0 auto;
    background: #f7f4ee;
    min-height: 100vh;
}

#encabezado {
    background: #5b6e4f;
    height: 62px;
    border-bottom: 4px solid #c9a227;
    color: #e8e2c8;
}
#encabezado .logo {
    float: left;
    font-family: Georgia, serif;
    font-size: 28px;
    padding: 12px 20px;
    color: #f1d77a;
    letter-spacing: 3px;
}
#encabezado .logo span {
    font-size: 11px;
    color: #a7b59a;
    letter-spacing: 0;
}
#encabezado .usuario-info {
    float: right;
    padding: 22px 20px;
    font-size: 12px;
    color: #b9c2ad;
}

#cuerpo {
    overflow: hidden;
}

#menu {
    float: left;
    width: 190px;
    background: #4a4238;
    min-height: 700px;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}
#menu li a {
    display: block;
    padding: 8px 18px;
    color: #d8cfc0;
    text-decoration: none;
    font-size: 13px;
}
#menu li a:hover {
    background: #6b5f4f;
    color: #fff;
}
#menu .titulo-menu {
    font-size: 10px;
    color: #8a7f6f;
    padding: 14px 18px 4px;
    letter-spacing: 1px;
}
#menu .salir {
    margin-top: 30px;
    color: #e0a07a;
}

#contenido {
    margin-left: 190px;
    padding: 20px 25px;
}

h1 {
    font-family: Georgia, serif;
    font-weight: normal;
    color: #5b6e4f;
    font-size: 24px;
    margin: 0 0 15px 0;
    border-bottom: 1px dashed #c9bfa8;
    padding-bottom: 8px;
}
h2 {
    font-size: 16px;
    color: #8b6f2a;
}
h3 {
    font-size: 14px;
    color: #6f6a60;
}

a {
    color: #3a8d8f;
}

/* tablas */
.tabla {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    background: #fffdf8;
}
.tabla th {
    background: #b8860b;
    color: #fff8e0;
    padding: 6px 5px;
    text-align: left;
    font-weight: normal;
}
.tabla td {
    padding: 5px;
    border-bottom: 1px solid #e6dfd0;
}
.tabla tr:nth-child(even) td {
    background: #f8f3e6;
}
.tabla tr:hover td {
    background: #efe6c8;
}
.tabla .totales td {
    font-weight: bold;
    background: #e8dfc4 !important;
}

/* formularios */
.formulario {
    background: #fffdf8;
    padding: 18px;
    border: 1px solid #ddd3bd;
    width: 640px;
}
.formulario label {
    display: block;
    color: #a09a8e;
    font-size: 11px;
    margin-top: 10px;
}
.formulario input[type=text],
.formulario input[type=email],
.formulario input[type=password],
.formulario input[type=date],
.formulario input[type=number],
.formulario select,
.formulario textarea {
    width: 95%;
    padding: 5px;
    border: 1px solid #d0c6b0;
    background: #fbf9f3;
    font-size: 12px;
}
.fila-dos {
    overflow: hidden;
}
.fila-dos div {
    float: left;
    width: 48%;
    margin-right: 2%;
}

/* botones */
.btn {
    display: inline-block;
    padding: 6px 14px;
    border: none;
    background: #3a8d8f;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
    margin-top: 12px;
}
.btn:hover {
    background: #2f7678;
}
.btn-secundario {
    background: #c9a227;
    color: #4a3b0a;
}
.btn-cancelar {
    background: #c0392b;
    color: #fff;
}
.btn-eliminar {
    background: #7fa35a;
    color: #fff;
    padding: 2px 6px;
    text-decoration: none;
    font-size: 11px;
}
.btn-mini {
    background: #ccc;
    color: #555;
    padding: 1px 5px;
    text-decoration: none;
    font-size: 10px;
}

/* mensajes */
.mensaje {
    padding: 10px;
    margin-bottom: 12px;
    border: 1px solid #ccc;
}
.mensaje.exito {
    background: #e3efcf;
    color: #7c9a3c;
    border-color: #c6dca0;
}
.mensaje.error {
    background: #f6dcd3;
    color: #b0503a;
    border-color: #e6b3a4;
}

/* tarjetas dashboard */
.tarjetas {
    overflow: hidden;
    margin-bottom: 20px;
}
.tarjeta {
    float: left;
    width: 205px;
    margin-right: 15px;
    background: #fffdf8;
    border-left: 5px solid #c9a227;
    padding: 12px;
}
.tarjeta .numero {
    font-size: 24px;
    color: #5b6e4f;
    font-family: Georgia, serif;
}
.tarjeta .etiqueta {
    font-size: 11px;
    color: #b0a898;
}

.filtros {
    background: #ebe4d3;
    padding: 10px;
    margin-bottom: 12px;
}
.filtros input, .filtros select {
    padding: 4px;
    font-size: 12px;
}

.paginacion a {
    display: inline-block;
    padding: 3px 8px;
    margin: 2px;
    background: #e3dccb;
    color: #5b6e4f;
    text-decoration: none;
}
.paginacion a.actual {
    background: #5b6e4f;
    color: #fff;
}

#pie {
    clear: both;
    background: #4a4238;
    color: #8a7f6f;
    font-size: 10px;
    text-align: center;
    padding: 10px;
}

.acciones a {
    margin-right: 4px;
}