html, body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Roboto","Open Sans","Droid Sans",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    background: white;
}

@media all and (min-width: 48em) {
    body {
        /* background: url(../img/bg.jpg) center center repeat; */
        background-color: #f4f7f8;
    }
}

*, *:after, *:before {
    box-sizing: border-box;
}

* {
    position: relative;
}

td, th, tr {
    position: static;
}

a, a:visited {
    text-decoration: none;
    color: black;
}

    a img {
        border: none;
        outline: none;
    }

html, body {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], body input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled], body input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

.hidden, [hidden] {
    display: none !important;
}

.center-div {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    display: box;
}

.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}

.pure-g, .login .imagenes, .nueva-informacion, .grupo-formulario, .detalle-atencion, .perfiles, .resumen-datos, .resumen-datos .datos, .error .error-detalle {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

    .opera-only :-o-prefocus, .pure-g, .login .imagenes, .nueva-informacion, .grupo-formulario, .detalle-atencion, .perfiles, .resumen-datos, .resumen-datos .datos, .error .error-detalle {
        word-spacing: -0.43em;
    }

.pure-u {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-g[class*="pure-u"], .login .imagenes[class*="pure-u"], .nueva-informacion[class*="pure-u"], .grupo-formulario[class*="pure-u"], .detalle-atencion[class*="pure-u"], .perfiles[class*="pure-u"], .resumen-datos[class*="pure-u"], .error .error-detalle[class*="pure-u"] {
    font-family: sans-serif;
}

.pure-u-1, .pure-u-1-1, .nueva-informacion > div:first-of-type, .nueva-informacion > div:last-of-type, .nueva-informacion > section:last-child, .grupo-formulario.una-columna > div, .una-columna.nueva-informacion > div, .grupo-formulario.una-columna > form > div, .una-columna.nueva-informacion > form > div, .grupo-formulario.dos-columnas > div, .dos-columnas.nueva-informacion > div, .grupo-formulario.dos-columnas > form > div, .dos-columnas.nueva-informacion > form > div, .detalle-atencion > div:first-of-type, .detalle-atencion > div:last-of-type, .perfiles > div:nth-of-type(1):nth-last-of-type(2), .perfiles > div:nth-of-type(2):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(4), .perfiles > div:nth-of-type(2):nth-last-of-type(3), .perfiles > div:nth-of-type(3):nth-last-of-type(2), .perfiles > div:nth-of-type(4):nth-last-of-type(1), .perfiles > div:nth-of-type(4):nth-last-of-type(2), .perfiles > div:nth-of-type(5):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(3), .perfiles > div:nth-of-type(2):nth-last-of-type(2), .perfiles > div:nth-of-type(3):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(5), .perfiles > div:nth-of-type(2):nth-last-of-type(4), .perfiles > div:nth-of-type(3):nth-last-of-type(3), .perfiles > div:nth-of-type(1):nth-last-of-type(6), .perfiles > div:nth-of-type(2):nth-last-of-type(5), .perfiles > div:nth-of-type(3):nth-last-of-type(4), .perfiles > div:nth-of-type(4):nth-last-of-type(3), .perfiles > div:nth-of-type(5):nth-last-of-type(2), .perfiles > div:nth-of-type(6):nth-last-of-type(1), .resumen-datos h1, .resumen-datos > div:first-of-type, .resumen-datos > div:last-of-type, .error .error-detalle .imagen, .error .error-detalle .detalle, .pure-u-1-2, .resumen-datos .datos span, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .login .imagenes .logo, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
}

.pure-u-1-12, .pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
}

.pure-u-1-8, .pure-u-3-24 {
    width: 12.5000%;
    *width: 12.4690%;
}

.pure-u-1-6, .pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.9690%;
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
}

.pure-u-1-4, .login .imagenes .logo, .pure-u-6-24 {
    width: 33.3333%;
    *width: 33.3333%;
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
}

.pure-u-1-3, .pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
}

.pure-u-3-8, .pure-u-9-24 {
    width: 37.5000%;
    *width: 37.4690%;
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.9690%;
}

.pure-u-5-12, .pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
}

.pure-u-1-2, .resumen-datos .datos span, .pure-u-12-24 {
    width: 50%;
    *width: 49.9690%;
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
}

.pure-u-7-12, .pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.9690%;
}

.pure-u-5-8, .pure-u-15-24 {
    width: 62.5000%;
    *width: 62.4690%;
}

.pure-u-2-3, .pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
}

.pure-u-3-4, .pure-u-18-24 {
    width: 75%;
    *width: 74.9690%;
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.9690%;
}

.pure-u-5-6, .pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
}

.pure-u-7-8, .pure-u-21-24 {
    width: 87.5000%;
    *width: 87.4690%;
}

.pure-u-11-12, .pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
}

.pure-u-1, .pure-u-1-1, .nueva-informacion > div:first-of-type, .nueva-informacion > div:last-of-type, .nueva-informacion > section:last-child, .grupo-formulario.una-columna > div, .una-columna.nueva-informacion > div, .grupo-formulario.una-columna > form > div, .una-columna.nueva-informacion > form > div, .grupo-formulario.dos-columnas > div, .dos-columnas.nueva-informacion > div, .grupo-formulario.dos-columnas > form > div, .dos-columnas.nueva-informacion > form > div, .detalle-atencion > div:first-of-type, .detalle-atencion > div:last-of-type, .perfiles > div:nth-of-type(1):nth-last-of-type(2), .perfiles > div:nth-of-type(2):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(4), .perfiles > div:nth-of-type(2):nth-last-of-type(3), .perfiles > div:nth-of-type(3):nth-last-of-type(2), .perfiles > div:nth-of-type(4):nth-last-of-type(1), .perfiles > div:nth-of-type(4):nth-last-of-type(2), .perfiles > div:nth-of-type(5):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(3), .perfiles > div:nth-of-type(2):nth-last-of-type(2), .perfiles > div:nth-of-type(3):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(5), .perfiles > div:nth-of-type(2):nth-last-of-type(4), .perfiles > div:nth-of-type(3):nth-last-of-type(3), .perfiles > div:nth-of-type(1):nth-last-of-type(6), .perfiles > div:nth-of-type(2):nth-last-of-type(5), .perfiles > div:nth-of-type(3):nth-last-of-type(4), .perfiles > div:nth-of-type(4):nth-last-of-type(3), .perfiles > div:nth-of-type(5):nth-last-of-type(2), .perfiles > div:nth-of-type(6):nth-last-of-type(1), .resumen-datos h1, .resumen-datos > div:first-of-type, .resumen-datos > div:last-of-type, .error .error-detalle .imagen, .error .error-detalle .detalle, .pure-u-5-5, .pure-u-24-24 {
    width: 100%;
}

@media screen and (min-width: 35.5em) {
    .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-2, .pure-u-sm-1-3, .pure-u-sm-2-3, .pure-u-sm-1-4, .pure-u-sm-3-4, .pure-u-sm-1-5, .pure-u-sm-2-5, .pure-u-sm-3-5, .pure-u-sm-4-5, .pure-u-sm-5-5, .pure-u-sm-1-6, .pure-u-sm-5-6, .pure-u-sm-1-8, .pure-u-sm-3-8, .pure-u-sm-5-8, .pure-u-sm-7-8, .pure-u-sm-1-12, .pure-u-sm-5-12, .pure-u-sm-7-12, .pure-u-sm-11-12, .pure-u-sm-1-24, .pure-u-sm-2-24, .pure-u-sm-3-24, .pure-u-sm-4-24, .pure-u-sm-5-24, .pure-u-sm-6-24, .pure-u-sm-7-24, .pure-u-sm-8-24, .pure-u-sm-9-24, .pure-u-sm-10-24, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-sm-1-12, .pure-u-sm-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-sm-1-8, .pure-u-sm-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-sm-1-6, .pure-u-sm-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-sm-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-sm-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-sm-1-4, .pure-u-sm-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-sm-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-sm-1-3, .pure-u-sm-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-sm-3-8, .pure-u-sm-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-sm-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-sm-5-12, .pure-u-sm-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-sm-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-sm-1-2, .pure-u-sm-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-sm-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-sm-7-12, .pure-u-sm-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-sm-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-sm-5-8, .pure-u-sm-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-sm-2-3, .pure-u-sm-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-sm-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-sm-3-4, .pure-u-sm-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-sm-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-sm-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-sm-5-6, .pure-u-sm-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-sm-7-8, .pure-u-sm-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-sm-11-12, .pure-u-sm-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-sm-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-5-5, .pure-u-sm-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-2, .grupo-formulario.dos-columnas > div, .dos-columnas.nueva-informacion > div, .grupo-formulario.dos-columnas > form > div, .dos-columnas.nueva-informacion > form > div, .perfiles > div:nth-of-type(1):nth-last-of-type(2), .perfiles > div:nth-of-type(2):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(4), .perfiles > div:nth-of-type(2):nth-last-of-type(3), .perfiles > div:nth-of-type(3):nth-last-of-type(2), .perfiles > div:nth-of-type(4):nth-last-of-type(1), .perfiles > div:nth-of-type(4):nth-last-of-type(2), .perfiles > div:nth-of-type(5):nth-last-of-type(1), .pure-u-md-1-3, .nueva-informacion > div:first-of-type, .detalle-atencion > div:first-of-type, .perfiles > div:nth-of-type(1):nth-last-of-type(3), .perfiles > div:nth-of-type(2):nth-last-of-type(2), .perfiles > div:nth-of-type(3):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(5), .perfiles > div:nth-of-type(2):nth-last-of-type(4), .perfiles > div:nth-of-type(3):nth-last-of-type(3), .perfiles > div:nth-of-type(1):nth-last-of-type(6), .perfiles > div:nth-of-type(2):nth-last-of-type(5), .perfiles > div:nth-of-type(3):nth-last-of-type(4), .perfiles > div:nth-of-type(4):nth-last-of-type(3), .perfiles > div:nth-of-type(5):nth-last-of-type(2), .perfiles > div:nth-of-type(6):nth-last-of-type(1), .error .error-detalle .imagen, .pure-u-md-2-3, .nueva-informacion > div:last-of-type, .detalle-atencion > div:last-of-type, .error .error-detalle .detalle, .pure-u-md-1-4, .pure-u-md-3-4, .pure-u-md-1-5, .pure-u-md-2-5, .pure-u-md-3-5, .pure-u-md-4-5, .pure-u-md-5-5, .pure-u-md-1-6, .pure-u-md-5-6, .pure-u-md-1-8, .pure-u-md-3-8, .pure-u-md-5-8, .pure-u-md-7-8, .pure-u-md-1-12, .pure-u-md-5-12, .pure-u-md-7-12, .pure-u-md-11-12, .pure-u-md-1-24, .pure-u-md-2-24, .pure-u-md-3-24, .pure-u-md-4-24, .pure-u-md-5-24, .pure-u-md-6-24, .pure-u-md-7-24, .pure-u-md-8-24, .pure-u-md-9-24, .pure-u-md-10-24, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-md-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-md-1-12, .pure-u-md-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-md-1-8, .pure-u-md-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-md-1-6, .pure-u-md-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-md-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-md-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-md-1-4, .pure-u-md-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-md-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-md-1-3, .nueva-informacion > div:first-of-type, .detalle-atencion > div:first-of-type, .perfiles > div:nth-of-type(1):nth-last-of-type(3), .perfiles > div:nth-of-type(2):nth-last-of-type(2), .perfiles > div:nth-of-type(3):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(5), .perfiles > div:nth-of-type(2):nth-last-of-type(4), .perfiles > div:nth-of-type(3):nth-last-of-type(3), .perfiles > div:nth-of-type(1):nth-last-of-type(6), .perfiles > div:nth-of-type(2):nth-last-of-type(5), .perfiles > div:nth-of-type(3):nth-last-of-type(4), .perfiles > div:nth-of-type(4):nth-last-of-type(3), .perfiles > div:nth-of-type(5):nth-last-of-type(2), .perfiles > div:nth-of-type(6):nth-last-of-type(1), .error .error-detalle .imagen, .pure-u-md-8-24 {
        /*width: 33.3333%;
        *width: 33.3023%;*/
    }

    .pure-u-md-3-8, .pure-u-md-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-md-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-md-5-12, .pure-u-md-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-md-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-md-1-2, .grupo-formulario.dos-columnas > div, .dos-columnas.nueva-informacion > div, .grupo-formulario.dos-columnas > form > div, .dos-columnas.nueva-informacion > form > div, .perfiles > div:nth-of-type(1):nth-last-of-type(2), .perfiles > div:nth-of-type(2):nth-last-of-type(1), .perfiles > div:nth-of-type(1):nth-last-of-type(4), .perfiles > div:nth-of-type(2):nth-last-of-type(3), .perfiles > div:nth-of-type(3):nth-last-of-type(2), .perfiles > div:nth-of-type(4):nth-last-of-type(1), .perfiles > div:nth-of-type(4):nth-last-of-type(2), .perfiles > div:nth-of-type(5):nth-last-of-type(1), .pure-u-md-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-md-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-md-7-12, .pure-u-md-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-md-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-md-5-8, .pure-u-md-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-md-2-3, .nueva-informacion > div:last-of-type, .detalle-atencion > div:last-of-type, .error .error-detalle .detalle, .pure-u-md-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-md-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-md-3-4, .pure-u-md-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-md-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-md-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-md-5-6, .pure-u-md-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-md-7-8, .pure-u-md-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-md-11-12, .pure-u-md-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-md-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-5-5, .pure-u-md-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 64em) {
    .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-2, .pure-u-lg-1-3, .pure-u-lg-2-3, .pure-u-lg-1-4, .pure-u-lg-3-4, .pure-u-lg-1-5, .pure-u-lg-2-5, .pure-u-lg-3-5, .pure-u-lg-4-5, .pure-u-lg-5-5, .pure-u-lg-1-6, .pure-u-lg-5-6, .pure-u-lg-1-8, .pure-u-lg-3-8, .pure-u-lg-5-8, .pure-u-lg-7-8, .pure-u-lg-1-12, .pure-u-lg-5-12, .pure-u-lg-7-12, .pure-u-lg-11-12, .pure-u-lg-1-24, .pure-u-lg-2-24, .pure-u-lg-3-24, .pure-u-lg-4-24, .pure-u-lg-5-24, .pure-u-lg-6-24, .pure-u-lg-7-24, .pure-u-lg-8-24, .pure-u-lg-9-24, .pure-u-lg-10-24, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-lg-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-lg-1-12, .pure-u-lg-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-lg-1-8, .pure-u-lg-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-lg-1-6, .pure-u-lg-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-lg-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-lg-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-lg-1-4, .pure-u-lg-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-lg-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-lg-1-3, .pure-u-lg-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-lg-3-8, .pure-u-lg-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-lg-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-lg-5-12, .pure-u-lg-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-lg-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-lg-1-2, .pure-u-lg-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-lg-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-lg-7-12, .pure-u-lg-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-lg-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-lg-5-8, .pure-u-lg-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-lg-2-3, .pure-u-lg-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-lg-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-lg-3-4, .pure-u-lg-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-lg-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-lg-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-lg-5-6, .pure-u-lg-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-lg-7-8, .pure-u-lg-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-lg-11-12, .pure-u-lg-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-lg-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-5-5, .pure-u-lg-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 80em) {
    .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-1-2, .pure-u-xl-1-3, .pure-u-xl-2-3, .pure-u-xl-1-4, .pure-u-xl-3-4, .pure-u-xl-1-5, .pure-u-xl-2-5, .pure-u-xl-3-5, .pure-u-xl-4-5, .pure-u-xl-5-5, .pure-u-xl-1-6, .pure-u-xl-5-6, .pure-u-xl-1-8, .pure-u-xl-3-8, .pure-u-xl-5-8, .pure-u-xl-7-8, .pure-u-xl-1-12, .pure-u-xl-5-12, .pure-u-xl-7-12, .pure-u-xl-11-12, .pure-u-xl-1-24, .pure-u-xl-2-24, .pure-u-xl-3-24, .pure-u-xl-4-24, .pure-u-xl-5-24, .pure-u-xl-6-24, .pure-u-xl-7-24, .pure-u-xl-8-24, .pure-u-xl-9-24, .pure-u-xl-10-24, .pure-u-xl-11-24, .pure-u-xl-12-24, .pure-u-xl-13-24, .pure-u-xl-14-24, .pure-u-xl-15-24, .pure-u-xl-16-24, .pure-u-xl-17-24, .pure-u-xl-18-24, .pure-u-xl-19-24, .pure-u-xl-20-24, .pure-u-xl-21-24, .pure-u-xl-22-24, .pure-u-xl-23-24, .pure-u-xl-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xl-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-xl-1-12, .pure-u-xl-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-xl-1-8, .pure-u-xl-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-xl-1-6, .pure-u-xl-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-xl-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-xl-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-xl-1-4, .pure-u-xl-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-xl-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-xl-1-3, .pure-u-xl-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-xl-3-8, .pure-u-xl-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-xl-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-xl-5-12, .pure-u-xl-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-xl-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-xl-1-2, .pure-u-xl-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-xl-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-xl-7-12, .pure-u-xl-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-xl-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-xl-5-8, .pure-u-xl-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-xl-2-3, .pure-u-xl-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-xl-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-xl-3-4, .pure-u-xl-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-xl-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-xl-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-xl-5-6, .pure-u-xl-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-xl-7-8, .pure-u-xl-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-xl-11-12, .pure-u-xl-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-xl-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-5-5, .pure-u-xl-24-24 {
        width: 100%;
    }
}

.pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pure-form input:not([type]) {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pure-form input[type="color"] {
    padding: 0.2em 0.5em;
}

    .pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus, .pure-form select:focus, .pure-form textarea:focus {
        outline: 0;
        border-color: #129FEA;
    }

.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA;
}

.pure-form input[type="file"]:focus, .pure-form input[type="radio"]:focus, .pure-form input[type="checkbox"]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA;
}

.pure-form .pure-checkbox, .pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}

.pure-form input[type="text"][disabled], .pure-form input[type="password"][disabled], .pure-form input[type="email"][disabled], .pure-form input[type="url"][disabled], .pure-form input[type="date"][disabled], .pure-form input[type="month"][disabled], .pure-form input[type="time"][disabled], .pure-form input[type="datetime"][disabled], .pure-form input[type="datetime-local"][disabled], .pure-form input[type="week"][disabled], .pure-form input[type="number"][disabled], .pure-form input[type="search"][disabled], .pure-form input[type="tel"][disabled], .pure-form input[type="color"][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: #ccc;
}

.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d;
}

.pure-form input[type="file"]:focus:invalid:focus, .pure-form input[type="radio"]:focus:invalid:focus, .pure-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}

.pure-form select {
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: white;
}

    .pure-form select[multiple] {
        height: auto;
    }

.pure-form label {
    margin: 0.5em 0 0.2em;
}

.pure-form fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em;
    border: 0;
}

.pure-form legend {
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin-bottom: 0.3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input[type="text"], .pure-form-stacked input[type="password"], .pure-form-stacked input[type="email"], .pure-form-stacked input[type="url"], .pure-form-stacked input[type="date"], .pure-form-stacked input[type="month"], .pure-form-stacked input[type="time"], .pure-form-stacked input[type="datetime"], .pure-form-stacked input[type="datetime-local"], .pure-form-stacked input[type="week"], .pure-form-stacked input[type="number"], .pure-form-stacked input[type="search"], .pure-form-stacked input[type="tel"], .pure-form-stacked input[type="color"], .pure-form-stacked input[type="file"], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea {
    display: block;
    margin: 0.25em 0;
}

.pure-form-stacked input:not([type]) {
    display: block;
    margin: 0.25em 0;
}

.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, .pure-form-aligned .pure-help-inline, .pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.pure-form-aligned textarea {
    vertical-align: top;
}

.pure-form-aligned .pure-control-group {
    margin-bottom: 0.5em;
}

    .pure-form-aligned .pure-control-group label {
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        width: 10em;
        margin: 0 1em 0 0;
    }

.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 11em;
}

.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: 0.5em 1em;
}

.pure-form .pure-group fieldset {
    margin-bottom: 10px;
}

.pure-form .pure-group input, .pure-form .pure-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px;
}

    .pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {
        z-index: 3;
    }

    .pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {
        top: 1px;
        border-radius: 4px 4px 0 0;
        margin: 0;
    }

        .pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {
            top: 1px;
            border-radius: 4px;
            margin: 0;
        }

    .pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {
        top: -2px;
        border-radius: 0 0 4px 4px;
        margin: 0;
    }

.pure-form .pure-group button {
    margin: 0.35em 0;
}

.pure-form .pure-input-1 {
    width: 100%;
}

.pure-form .pure-input-2-3 {
    width: 66%;
}

.pure-form .pure-input-1-2 {
    width: 50%;
}

.pure-form .pure-input-1-3 {
    width: 33%;
}

.pure-form .pure-input-1-4 {
    width: 25%;
}

.pure-form .pure-help-inline, .pure-form-message-inline {
    display: inline-block;
    padding-left: 0.3em;
    color: #666;
    vertical-align: middle;
    font-size: 0.875em;
}

.pure-form-message {
    display: block;
    color: #666;
    font-size: 0.875em;
}

@media only screen and (max-width: 480px) {
    .pure-form button[type="submit"] {
        margin: 0.7em 0 0;
    }

    .pure-form input:not([type]), 
    .pure-form input[type="text"], 
    .pure-form input[type="password"], 
    .pure-form input[type="email"], 
    .pure-form input[type="url"], 
    .pure-form input[type="date"], 
    .pure-form input[type="month"], 
    .pure-form input[type="time"], 
    .pure-form input[type="datetime"], 
    .pure-form input[type="datetime-local"], 
    .pure-form input[type="week"], 
    .pure-form input[type="number"], 
    .pure-form input[type="search"], 
    .pure-form input[type="tel"], 
    .pure-form input[type="color"], 
    .pure-form label {
        margin-bottom: 0.3em;
        display: block;
    }

    .pure-group input:not([type]), 
    .pure-group input[type="text"], 
    .pure-group input[type="password"], 
    .pure-group input[type="email"], 
    .pure-group input[type="url"], 
    .pure-group input[type="date"], 
    .pure-group input[type="month"], 
    .pure-group input[type="time"], 
    .pure-group input[type="datetime"], 
    .pure-group input[type="datetime-local"], 
    .pure-group input[type="week"], 
    .pure-group input[type="number"], 
    .pure-group input[type="search"], 
    .pure-group input[type="tel"], 
    .pure-group input[type="color"] {
        margin-bottom: 0;
    }

    .pure-form-aligned .pure-control-group label {
        margin-bottom: 0.3em;
        text-align: left;
        display: block;
        width: 100%;
    }

    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0 0;
    }

    .pure-form .pure-help-inline, .pure-form-message-inline, .pure-form-message {
        display: block;
        font-size: 0.75em;
        padding: 0.2em 0 0.8em;
    }
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-bold.eot");
    src: url("../fonts/roboto-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold.woff") format("woff"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.svg#Roboto") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    src: unset;
    font-family: unset;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
}

    table.dataTable thead th:active, table.dataTable thead td:active {
        outline: none;
    }

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting {
    background-image: url("../img/sort_both.png");
}

table.dataTable thead .sorting_asc {
    background-image: url("../img/sort_asc.png");
}

table.dataTable thead .sorting_desc {
    background-image: url("../img/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("../img/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("../img/sort_desc_disabled.png");
}

table.dataTable tbody tr {
    background-color: #fff;
}

    table.dataTable tbody tr.selected {
        background-color: #B0BED9;
    }

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
    border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
    border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9;
}

    table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
        background-color: #abb9d3;
    }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f5f5f5;
}

    table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
        background-color: #a9b7d1;
    }

/* table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
    background-color: #f9f9f9;
} */

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad4;
}

/* table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1;
} */

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: #f5f5f5;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0;
}

/* table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f9f9f9;
} */

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4;
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > td, table.dataTable.order-column.hover tbody tr:hover > td {
    background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ebebeb;
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #eee;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a1aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a2afc8;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a4b2cb;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
    padding: 4px;
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 4px;
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left;
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center;
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right;
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left;
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

table.dataTable, table.dataTable th, table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

    .dataTables_wrapper .dataTables_length {
        float: left;
        font-size: 0.9em;
        margin-bottom: 0.5em;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right;
        font-size: 0.9em;
        margin-bottom: 0.5em;
    }

        .dataTables_wrapper .dataTables_filter input {
            margin-left: 0.5em;
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: 0.755em;
        padding-left: 0.3em;
        font-size: 0.9em;
        margin-top: 0.5em;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: 0.25em;
        font-size: 0.9em;
        margin-top: 0.5em;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 0.5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333 !important;
            border: 1px solid transparent;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #cacaca;
                background-color: #fff;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: transparent;
                box-shadow: none;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
                background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
                background: -moz-linear-gradient(top, #585858 0%, #111 100%);
                background: -ms-linear-gradient(top, #585858 0%, #111 100%);
                background: -o-linear-gradient(top, #585858 0%, #111 100%);
                background: linear-gradient(to bottom, #585858 0%, #111 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
                background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
                box-shadow: inset 0 0 3px #111;
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em;
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: white;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        color: #333;
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch;
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
                height: 0;
                overflow: hidden;
                margin: 0 !important;
                padding: 0 !important;
            }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111;
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
        border-bottom: none;
    }

    .dataTables_wrapper:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
    }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 568px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 8px;
        left: 4px;
        height: 16px;
        width: 16px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 16px;
        text-align: center;
        line-height: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        content: '+';
        background-color: #31b131;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
        display: none;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
    display: none;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px;
}

    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
        top: 5px;
        left: 4px;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        line-height: 12px;
    }

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer;
}

    table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
        top: 50%;
        left: 50%;
        height: 16px;
        width: 16px;
        margin-top: -10px;
        margin-left: -10px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 16px;
        text-align: center;
        line-height: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        content: '+';
        background-color: #31b131;
    }

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable > tbody > tr.child {
    padding: 0.5em 1em;
}

    table.dataTable > tbody > tr.child:hover {
        background: transparent !important;
    }

    table.dataTable > tbody > tr.child ul {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        table.dataTable > tbody > tr.child ul li {
            border-bottom: 1px solid #efefef;
            padding: 0.5em 0;
        }

            table.dataTable > tbody > tr.child ul li:first-child {
                padding-top: 0;
            }

            table.dataTable > tbody > tr.child ul li:last-child {
                border-bottom: none;
            }

    table.dataTable > tbody > tr.child span.dtr-title {
        display: inline-block;
        min-width: 75px;
        font-weight: bold;
    }

#wrapper {
    width: 100%;
    height: auto;
    min-height: 100%;
    position: relative;
    top: 0;
    left: 0;
    max-width: 80em;
    margin: auto;
    overflow: hidden;
}

header {
    top: 2em;
    background: url(../img/header_nuevo.jpg) 0% 0/auto 100% no-repeat #eff1e9;
    height: 8.9em;
    text-align: right;
    box-shadow: 0 4px 5px rgba(0,0,0,0.25);
}

    header:before {
        content: "";
        height: 100%;
        vertical-align: middle;
        display: inline-block;
    }

    header div {
        vertical-align: middle;
        display: inline-block;
    }

@media all and (min-width: 35.5em) {
    header {
        background: url(../img/header_nuevo.jpg) top left/auto 100% no-repeat #eff1e9;
    }
}

@media all and (min-width: 48em) {
    header {
        border-bottom: 0.5em solid #4C758D;
        top: 0;
    }
}

@media all and (min-width: 64em) {
    header {
        height: 12em;
    }
}

header > div {
    width: 98%;
    height: 100%;
}

    header > div:after, header > div:before {
        content: " ";
        display: table;
    }

    header > div:after {
        clear: both;
    }

header > div {
    *zoom: 1;
}

@media all and (min-width: 35.5em) {
    header > div {
        width: 75%;
    }
}

header > div:before {
    content: "";
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

header > div h1, header > div .imagenes {
    vertical-align: middle;
    display: inline-block;
}

header > div h1 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    width: 70%;
    text-align: right;
    color: #369;
    font-size: 1.8em;
    margin: 0 2% 0 0;
    text-shadow: 0 0 9px white;
    font-weight: bold;
}

@media all and (min-width: 48em) {
    header > div h1 {
        font-size: 2em;
        width: 45%;
        text-shadow: none;
    }
}

header > div .imagenes {
    width: 20%;
    margin-right: 3%;
    height: 100%;
}

@media all and (min-width: 48em) {
    header > div .imagenes {
        width: 45%;
        margin: 0;
    }
}

header > div .imagenes .logo {
    height: 50%;
    width: 48%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media all and (min-width: 48em) {
    header > div .imagenes .logo {
        height: 90%;
        width: 26.5%;
    }
}

header > div .imagenes .logo.logo-1 {
    background-image: url(../img/logo_gore_i.png);
    background-position-y: 45px;
    width: 140px;
}

header > div .imagenes .logo.logo-2 {
    background-image: url(../img/logo_santiago_i.png);
    margin-right: 3%;
}

header > div .imagenes .logo.logo-3 {
    background-image: url(../img/logo_ccep_i_2.png);
}

header > div .imagenes .logo.logo-5 {
    background-image: url(../img/logo_mebm.png);
    background-size: 120%;
    background-position-x: -16px;
    background-position-y: 20px;
    width: 120px;
}

header > div .imagenes .logo.logo-4 {
    background-image: url(../img/logo_core_i.png);
    background-size: 70%;
    background-position-y: 39px;
    max-height: 70%;
    max-width: 20%;
}

@media screen and (min-width: 48em) {
    header > div .imagenes .logo.logo-4 {
        width: 40%;
        margin-right: 1em;
    }
}

nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2em;
    z-index: auto;
    background: #4C758D;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

@media all and (min-width: 48em) {
    nav {
        position: relative;
        top: 1em;
        background: white;
        border-radius: 3px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

        nav a {
            color: black;
        }

        nav .bienvenido {
            display: block;
        }
}

nav .lateral {
    display: none;
    position: absolute;
    top: 0;
    left: auto;
    width: 75%;
    height: 1200px;
    z-index: 9999;
    right: -50%;
    background: #e8961a;
    box-shadow: -6px 0 3px rgba(0, 0, 0, 0.2);
    max-width: 20em;
}

    nav .lateral a {
        color: white;
        display: block;
        text-align: center;
        margin: 0.9em 0;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    }

        nav .lateral a:hover, nav .lateral a:focus {
            color: #75787b;
            text-shadow: none;
            font-weight: bold;
        }

.dropdown-title:hover, .dropdown-title:focus {
    color: black !important;
    font-weight: normal;
    cursor: default;
}

@media all and (max-width: 48em) {
    .dropdown-title {
        color: gray !important;
    }

    header > div .imagenes {
        display: none;
    }
}


@media all and (min-width: 48em) {

    .dropdown {
        position: relative;
        display: inline-block !important;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

            .dropdown-content a:hover {
                background-color: #ddd;
            }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .dropbtn {
        background-color: #4CAF50;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
    }

    .dropdown:hover .dropbtn {
        background-color: #3e8e41;
    }

    nav .lateral {
        display: block !important;
        position: relative;
        top: auto;
        right: auto !important;
        box-shadow: none;
        background: none;
        max-width: none;
        width: 75%;
        height: auto !important;
        float: left;
        margin-top: 0.44em;
        margin-left: 0.44em;
    }

        nav .lateral a {
            color: black;
            text-shadow: none;
            display: inline-block;
            margin: 0 0.5em;
        }

            nav .lateral a:hover, nav .lateral a:focus {
                color: #1192f0;
                font-weight: normal;
            }

            nav .lateral a.inicio {
                font-size: 0;
                background: url(../img/inicio.png) center center/contain no-repeat;
                width: 1.2rem;
                height: 1.2rem;
                margin: -2px 10px 0 10px;
                display: block;
                float: left;
            }

                nav .lateral a.inicio:hover {
                    background-image: url(../img/inicio-hover.png);
                }
}

nav .acciones-usuario {
    display: inline-block;
    margin-left: 0.6em;
    width: 50%;
    font-size: 0.9em;
    position: absolute;
}

    nav .acciones-usuario .bienvenido {
        display: none;
        margin-bottom: 0;
    }

    nav .acciones-usuario #usuario {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 0.2em;
        display: inline-block;
        padding: 0.25em 0.25em 0.25em 0.5em;
        background: white;
        width: 100%;
        height: 1.7em;
        margin-bottom: 0;
        font-size: 1.05em;
        color: black;
        cursor: pointer;
    }

        nav .acciones-usuario #usuario:after {
            content: "";
            position: absolute;
            top: 0.5em;
            right: 0.5em;
            border-top: 1.5em solid #4C758D;
            border-left: 0.75em solid transparent;
            border-right: 0.75em solid transparent;
            width: 1.5em;
            height: 1.5em;
            font-size: 0.7em;
        }

        nav .acciones-usuario #usuario[data-abierto=si]:after {
            border-top: none;
            border-bottom: 1.5em solid #4C758D;
        }

    nav .acciones-usuario .desplegable {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: -0.2em;
        border-radius: 0 0 3px 3px;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
        display: none;
    }

        nav .acciones-usuario .desplegable li {
            padding: 0.25em 0 0.25em 0.5em;
            background: white;
            clear: both;
        }

            nav .acciones-usuario .desplegable li a {
                color: #666;
            }

                nav .acciones-usuario .desplegable li a:hover {
                    color: #1e90ff;
                }

@media all and (min-width: 48em) {
    nav .acciones-usuario {
        float: right;
        margin-right: 0.5em;
        margin-top: 0.31em;
        width: auto;
        max-width: 22.5em;
        z-index: 9999;
        right: 0.5em;
    }

        nav .acciones-usuario .bienvenido {
            display: inline-block;
            margin: 0;
            font-size: 1.085em;
            margin: 0;
            cursor: pointer;
        }

        nav .acciones-usuario #usuario {
            width: auto;
            max-width: 14.9em;
            height: auto;
            padding: 0 2em 0 0;
            position: relative;
            font-size: 1.1em;
            margin-bottom: -3px;
            display: inline-block;
        }

            nav .acciones-usuario #usuario:after {
                font-size: 0.55em;
            }

        nav .acciones-usuario .desplegable {
            margin-top: 0.3em;
        }
}

@media all and (min-width: 64em) {
    nav .acciones-usuario {
        max-width: 40em;
    }

        nav .acciones-usuario #usuario {
            max-width: 26em;
            margin-bottom: -0.2em;
        }
}

@media all and (min-width: 80em) {
    nav .acciones-usuario {
        max-width: 49em;
    }

        nav .acciones-usuario #usuario {
            max-width: 38.5em;
            margin-bottom: -0.15em;
        }
}

nav #abrir-menu {
    display: block;
    width: 1.5em;
    height: 1.5em;
    float: right;
    margin-top: 0.2em;
    margin-right: 0.2em;
    cursor: pointer;
    background: url(../img/menu.png) center center/contain no-repeat;
}

@media all and (min-width: 48em) {
    nav #abrir-menu {
        display: none;
    }
}

.main {
    margin: 3em auto 1em;
    background: white;
    width: 98%;
    min-height: 40em;
    min-height: 68vh;
    padding: 0.4em;
}

    .main:after, .main:before {
        content: " ";
        display: table;
    }

    .main:after {
        clear: both;
    }

.main {
    *zoom: 1;
}

@media all and (min-width: 48em) {
    .main {
        margin-top: 2em;
        border-radius: 5px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        background: white;
        width: 100%;
        padding: 1em 1.28em;
    }
}

.main .cuerpo {
    min-height: 30em;
    width: 100%;
}

@media all and (min-width: 64em) {
    .main .cuerpo {
        display: block;
        float: left;
        width: 80%;
    }
}

.main .cuerpo.informaciones {
    padding: 0 1em 0 0.4em;
}

.sider {
    padding: 7.5em 0;
    width: 100%;
}

    .sider:after, .sider:before {
        content: " ";
        display: table;
    }

    .sider:after {
        clear: both;
    }

.sider {
    *zoom: 1;
}

@media all and (min-width: 64em) {
    .sider {
        display: block;
        float: right;
        width: 20%;
        min-height: 30em;
    }
}

.sider .widget {
    border-radius: 4px;
    border: 2px solid #4C758D;
    display: block;
    height: 3em;
    width: 49%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    margin-bottom: 0.3em;
    float: left;
    overflow: hidden;
    text-align: left;
    background-color: #eae8e9;
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: 100% center;
}

    .sider .widget:before {
        content: "";
        height: 100%;
        vertical-align: middle;
        display: inline-block;
    }

    .sider .widget p {
        vertical-align: middle;
        display: inline-block;
    }

    .sider .widget:nth-of-type(even) {
        background-color: #f3f1f2;
    }

    .sider .widget p {
        text-align: left;
        margin: 0 0 0 0.1em;
        width: 75%;
        color: #666;
        font-size: 0.85em;
    }

@media all and (max-width: 350px) {
    .sider .widget.adm-municipios p {
        font-size: 0.74em;
        letter-spacing: -0.5px;
    }
}

@media all and (min-width: 48em) {
    .sider .widget {
        border-radius: 4px;
        border: 2px solid #4C758D;
        display: block;
        height: 4.5em;
        width: 24.5%;
        margin-right: 0.2%;
        margin-left: 0.2%;
        margin-bottom: 0.95em;
        float: left;
        overflow: hidden;
        text-align: left;
        background-color: #eae8e9;
        background-size: 25%;
        background-repeat: no-repeat;
        background-position: 100% center;
    }

        .sider .widget:before {
            content: "";
            height: 100%;
            vertical-align: middle;
            display: inline-block;
        }

        .sider .widget p {
            vertical-align: middle;
            display: inline-block;
        }

        .sider .widget p {
            text-align: left;
            font-weight: bold;
            margin: 0 0 0 0.1em;
            width: 70%;
            color: #666;
            font-size: 0.9em;
        }
}

@media all and (min-width: 64em) {
    .sider .widget {
        width: 98%;
        margin: 0.85em auto;
        height: 4.5em;
        float: none;
        text-align: right;
        background-color: #eae8e9;
        background-size: 6em auto;
        background-repeat: no-repeat;
    }

        .sider .widget:before {
            content: "";
            height: 100%;
            vertical-align: middle;
            display: inline-block;
        }

        .sider .widget p {
            vertical-align: middle;
            display: inline-block;
        }

        .sider .widget:nth-of-type(4n) {
            margin-right: auto;
        }

        .sider .widget p {
            text-align: left;
            font-weight: bold;
            margin: 0;
            width: 63%;
            margin-right: 0.5em;
            color: #666;
            font-size: 0.95em;
        }

        .sider .widget.registro {
            background-position: -10% 40%;
        }

        .sider .widget.consulta {
            background-position: -1em -0.2em;
            background-size: 4.5em 4.5em;
        }

        .sider .widget.busqueda {
            background-position: -1em -0.2em;
            background-size: 4.5em 4.5em;
        }

        .sider .widget.reporte {
            background-position: -1em -0.2em;
            background-size: 4.5em 4.5em;
        }

        .sider .widget.descarga_manual {
            background-position: -1em -0.2em;
            background-size: 4.5em 4.5em;
        }

        .sider .widget.descarga_1 {
            background-position: -1em -0.2em;
            background-size: 4.5em 4.5em;
        }

        .sider .widget.adm-cuentas {
            background-position: -1.2em 0.15em;
            background-size: 5em 5em;
        }

        .sider .widget.adm-municipios {
            background-position: -13% -0.1em;
            background-size: 5em 5em;
        }

        .sider .widget.adm-centros {
            background-position: -1em -0.2em;
            background-size: 4.5em 4.5em;
        }

        .sider .widget.nueva-noticia {
            background-position: -1em -0.2em;
            background-size: 4.5em 4.5em;
        }
}

@media all and (min-width: 80em) {
    .sider .widget p {
        width: 71%;
    }
}

.sider .widget.registro {
    background-image: url(../img/banner/registro.png);
}

.sider .widget.consulta {
    background-image: url(../img/banner/consulta.png);
}

.sider .widget.busqueda {
    background-image: url(../img/banner/geo.png);
}

.sider .widget.reporte {
    background-image: url(../img/banner/reporte.png);
}

.sider .widget.descarga_1 {
    background-image: url(../img/descarga_1.png);
}

.widget.descarga_manual {
    background-image: url(../img/banner/descarga_manual.png);
}

.sider .widget.adm-cuentas {
    background-image: url(../img/banner/adm-cuentas.png);
}

.sider .widget.adm-municipios {
    background-image: url(../img/banner/adm-municipio.png);
}

.sider .widget.adm-centros {
    background-image: url(../img/banner/centros.png);
}

.sider .widget.nueva-noticia {
    background-image: url(../img/banner/info.png);
}

.sider .widget:hover {
    background-color: #fff;
}

    .sider .widget:hover p {
        color: #4C758D;
    }

@media screen and (max-width: 1024px){
    .sider {
        padding: 0.5em 0 1.5em 0;
    }
}

footer {
    width: 100%;
    height: 3em;
    background-color: #4C758D;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    margin: 0.1em 0 0;
}

@media all and (min-width: 48em) {
    footer {
        border-radius: 4px;
        margin: 0.1em 0 0.1em;
        height: 3.5em;
	margin-left: auto;
	margin-right: auto;
    }
}

input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    padding: 0.1em;
    font-size: 0.9em;
    color: #999;
}

input[type=text]:-moz-input-placeholder, input[type=password]:-moz-input-placeholder, input[type=number]:-moz-input-placeholder, input[type=search]:-moz-input-placeholder, input[type=email]:-moz-input-placeholder, input[type=tel]:-moz-input-placeholder, textarea:-moz-input-placeholder {
    padding: 0.1em;
    font-size: 0.9em;
    color: #999;
}

input[type=text]::-moz-input-placeholder, input[type=password]::-moz-input-placeholder, input[type=number]::-moz-input-placeholder, input[type=search]::-moz-input-placeholder, input[type=email]::-moz-input-placeholder, input[type=tel]::-moz-input-placeholder, textarea::-moz-input-placeholder {
    padding: 0.1em;
    font-size: 0.9em;
    color: #999;
}

input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    padding: 0.1em;
    font-size: 0.9em;
    color: #999;
}

input[disabled]::-webkit-input-placeholder, textarea[disabled]::-webkit-input-placeholder {
    color: #999 !important;
}

input[disabled]:-moz-input-placeholder, textarea[disabled]:-moz-input-placeholder {
    color: #999 !important;
}

input[disabled]::-moz-input-placeholder, textarea[disabled]::-moz-input-placeholder {
    color: #999 !important;
}

input[disabled]:-ms-input-placeholder, textarea[disabled]:-ms-input-placeholder {
    color: #999 !important;
}

select, input[type=email], input[type=tel], input[type=text], input[type=password], input[type=number], input[type=date], input[type=search], textarea {
    border-radius: 4px;
    border: 1px solid #4C758D;
    padding: 1em;
    box-sizing: border-box;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
}

    select:focus, input[type=email]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=date]:focus, input[type=search]:focus, textarea:focus {
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1), 0 0 7px rgba(58,113,239,0.49);
    }

    select[disabled], select[readonly]:not(.date), input[type=email][disabled], input[type=email][readonly]:not(.date), input[type=tel][disabled], input[type=tel][readonly]:not(.date), input[type=text][disabled], input[type=text][readonly]:not(.date), input[type=password][disabled], input[type=password][readonly]:not(.date), input[type=number][disabled], input[type=number][readonly]:not(.date), input[type=date][disabled], input[type=date][readonly]:not(.date), input[type=search][disabled], input[type=search][readonly]:not(.date), textarea[disabled], textarea[readonly]:not(.date) {
        background-color: #dfdfdf;
        color: #444;
        cursor: not-allowed !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        select[disabled]::-ms-expand, select[readonly]:not(.date)::-ms-expand, input[type=email][disabled]::-ms-expand, input[type=email][readonly]:not(.date)::-ms-expand, input[type=tel][disabled]::-ms-expand, input[type=tel][readonly]:not(.date)::-ms-expand, input[type=text][disabled]::-ms-expand, input[type=text][readonly]:not(.date)::-ms-expand, input[type=password][disabled]::-ms-expand, input[type=password][readonly]:not(.date)::-ms-expand, input[type=number][disabled]::-ms-expand, input[type=number][readonly]:not(.date)::-ms-expand, input[type=date][disabled]::-ms-expand, input[type=date][readonly]:not(.date)::-ms-expand, input[type=search][disabled]::-ms-expand, input[type=search][readonly]:not(.date)::-ms-expand, textarea[disabled]::-ms-expand, textarea[readonly]:not(.date)::-ms-expand {
            display: none;
        }

    select.date, input[type=email].date, input[type=tel].date, input[type=text].date, input[type=password].date, input[type=number].date, input[type=date].date, input[type=search].date, textarea.date {
        width: 100%;
    }

.Zebra_DatePicker_Icon_Wrapper {
    width: 100%;
}

select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit], input[type=file] {
    cursor: pointer;
}

h1, h2, h3, h4 {
    color: #4C758D;
}

h1 {
    font-size: 1.6em;
    margin: 0.2em 0;
}

@media all and (min-width: 64em) {
    h1 {
        margin: 0.4em 0;
    }
}

h2 {
    font-size: 1.45em;
    font-weight: normal;
}

h3 {
    font-size: 1.25em;
    font-weight: normal;
}

h4 {
    font-size: 1.1em;
    font-weight: normal;
}

.pure-g h1, .login .imagenes h1, .nueva-informacion h1, .grupo-formulario h1, .detalle-atencion h1, .perfiles h1, .resumen-datos h1, .resumen-datos .datos h1, .error .error-detalle h1, .pure-g h2, .login .imagenes h2, .nueva-informacion h2, .grupo-formulario h2, .detalle-atencion h2, .perfiles h2, .resumen-datos h2, .resumen-datos .datos h2, .error .error-detalle h2, .pure-g h3, .login .imagenes h3, .nueva-informacion h3, .grupo-formulario h3, .detalle-atencion h3, .perfiles h3, .resumen-datos h3, .resumen-datos .datos h3, .error .error-detalle h3, .pure-g h4, .login .imagenes h4, .nueva-informacion h4, .grupo-formulario h4, .detalle-atencion h4, .perfiles h4, .resumen-datos h4, .resumen-datos .datos h4, .error .error-detalle h4 {
    letter-spacing: normal;
}

select[disabled], select[readonly] {
    cursor: text;
}

    select[disabled][data-disabled], select[readonly][data-disabled] {
        border: none;
        box-shadow: none;
        color: black;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        select[disabled][data-disabled]::-ms-expand, select[readonly][data-disabled]::-ms-expand {
            display: none;
        }

select {
    background: white;
}

b {
    color: #4C758D;
    font-size: 1.01em;
}

.adjuntarEstilizable {
    width: 100%;
    height: 2em;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: none;
}

    .adjuntarEstilizable:after {
        content: "Adjuntar";
        display: block;
        color: white;
        float: left;
        text-align: center;
        width: 40%;
    }

    .adjuntarEstilizable:before {
        content: attr(data-content);
        width: 58%;
        background: #fdfdfd;
        float: right;
        padding-left: 0.5em;
        padding-top: 0.3em;
        border-radius: 3px;
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .adjuntarEstilizable input[type=file] {
        width: 400%;
        height: 2em;
        position: absolute;
        box-sizing: border-box;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer !important;
    }

        .adjuntarEstilizable input[type=file]::-webkit-file-upload-button {
            visibility: hidden;
            cursor: pointer;
        }

    .boton, .adjuntarEstilizable:after, .boton:visited, .adjuntarEstilizable:visited:after {
        border: none;
        color: white;
        font-weight: bold;
        padding: 0.4em 0.9em;
        border-radius: 4px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        background-color: #4C758D;
        -webkit-transition: all 0.15s;
        -moz-transition: all 0.15s;
        -o-transition: all 0.15s;
        -ms-transition: all 0.15s;
        transition: all 0.15s;
        letter-spacing: normal;
    }

        .boton:hover, .adjuntarEstilizable:hover:after, .boton:visited:hover, .adjuntarEstilizable:visited:hover:after {
            box-shadow: 0 0 5px rgba(16, 114, 247, 0.9);
            text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
            background-color: #DB0A85;
        }

        .boton.boton-xl, .boton-xl.adjuntarEstilizable:after, .boton:visited.boton-xl, .adjuntarEstilizable:visited.boton-xl:after {
            padding: 0.55em 1.1em;
            font-size: 1.1em;
        }

        .boton.boton-sm, .boton-sm.adjuntarEstilizable:after, .boton:visited.boton-sm, .adjuntarEstilizable:visited.boton-sm:after {
            padding: 0.25em 0.7em;
            font-size: 0.8em;
        }

        .boton.gris, .gris.adjuntarEstilizable:after, .boton:visited.gris, .adjuntarEstilizable:visited.gris:after {
            background-color: #9a9ea5;
        }

            .boton.gris:hover, .gris.adjuntarEstilizable:hover:after, .boton:visited.gris:hover, .adjuntarEstilizable:visited.gris:hover:after {
                background-color: #888b91;
            }

        .boton.azul, .adjuntarEstilizable:after, .boton.boton-accion.ver-registro, .boton-accion.ver-registro.adjuntarEstilizable:after, .perfiles > div:nth-of-type(2n) .boton, .perfiles > div:nth-of-type(2n) .adjuntarEstilizable:after, .boton:visited.azul, .adjuntarEstilizable:visited:after, .boton.boton-accion.ver-registro:visited, .perfiles > div:nth-of-type(2n) .boton:visited, .perfiles > div:nth-of-type(2n) .adjuntarEstilizable:visited:after {
            background-color: #218eeb;
            color: white;
        }

            .boton.azul:hover, .adjuntarEstilizable:hover:after, .boton.boton-accion.ver-registro:hover, .perfiles > div:nth-of-type(2n) .boton:hover, .perfiles > div:nth-of-type(2n) .adjuntarEstilizable:hover:after, .boton:visited.azul:hover, .adjuntarEstilizable:visited:hover:after, .boton.boton-accion.ver-registro:visited:hover, .perfiles > div:nth-of-type(2n) .boton:visited:hover {
                background-color: #239aff;
            }

        .boton.verde, .verde.adjuntarEstilizable:after, .adjuntarEstilizable.boton-accion.editar:after, .boton.boton-accion.editar, .perfiles > div:nth-of-type(3n) .boton, .perfiles > div:nth-of-type(3n) .adjuntarEstilizable:after, .boton:visited.verde, .adjuntarEstilizable:visited.verde:after, .adjuntarEstilizable.boton-accion.editar:visited:after, .boton.boton-accion.editar:visited, .perfiles > div:nth-of-type(3n) .boton:visited, .perfiles > div:nth-of-type(3n) .adjuntarEstilizable:visited:after {
            background-color: #04bf19;
        }

            .boton.verde:hover, .verde.adjuntarEstilizable:hover:after, .adjuntarEstilizable.boton-accion.editar:hover:after, .boton.boton-accion.editar:hover, .perfiles > div:nth-of-type(3n) .boton:hover, .perfiles > div:nth-of-type(3n) .adjuntarEstilizable:hover:after, .boton:visited.verde:hover, .adjuntarEstilizable:visited.verde:hover:after, .adjuntarEstilizable.boton-accion.editar:visited:hover:after, .boton.boton-accion.editar:visited:hover, .perfiles > div:nth-of-type(3n) .boton:visited:hover, .perfiles > div:nth-of-type(3n) .adjuntarEstilizable:visited:hover:after {
                background-color: #02b116;
            }

        .boton.rojo, .rojo.adjuntarEstilizable:after, .adjuntarEstilizable.boton-accion.alta-medica:after, .boton.boton-accion.alta-medica, .boton:visited.rojo, .adjuntarEstilizable:visited.rojo:after, .adjuntarEstilizable.boton-accion.alta-medica:visited:after, .boton.boton-accion.alta-medica:visited {
            background-color: #ed1515;
        }

            .boton.rojo:hover, .rojo.adjuntarEstilizable:hover:after, .adjuntarEstilizable.boton-accion.alta-medica:hover:after, .boton.boton-accion.alta-medica:hover, .boton:visited.rojo:hover, .adjuntarEstilizable:visited.rojo:hover:after, .adjuntarEstilizable.boton-accion.alta-medica:visited:hover:after, .boton.boton-accion.alta-medica:visited:hover {
                background-color: #fa4848;
                box-shadow: 0 0 5px rgba(74,124,131,0.9);
            }

        .boton.rojo, .rojo.adjuntarEstilizable:after, .adjuntarEstilizable.boton-accion.delete-mascota:after, .boton.boton-accion.delete-mascota, .boton:visited.rojo, .adjuntarEstilizable:visited.rojo:after, .adjuntarEstilizable.boton-accion.delete-mascota:visited:after, .boton.boton-accion.delete-mascota:visited {
            background-color: #ed1515;
        }

            .boton.rojo:hover, .rojo.adjuntarEstilizable:hover:after, .adjuntarEstilizable.boton-accion.delete-mascota:hover:after, .boton.boton-accion.delete-mascota:hover, .boton:visited.rojo:hover, .adjuntarEstilizable:visited.rojo:hover:after, .adjuntarEstilizable.boton-accion.delete-mascota:visited:hover:after, .boton.boton-accion.delete-mascota:visited:hover {
                background-color: #fa4848;
                box-shadow: 0 0 5px rgba(74, 124, 131, 0.9);
            }

        .boton.violeta, .violeta.adjuntarEstilizable:after, .adjuntarEstilizable.boton-accion.consulta-medica:after, .boton.boton-accion.consulta-medica, .perfiles > div:nth-of-type(4n) .boton, .perfiles > div:nth-of-type(4n) .adjuntarEstilizable:after, .boton:visited.violeta, .adjuntarEstilizable:visited.violeta:after, .adjuntarEstilizable.boton-accion.consulta-medica:visited:after, .boton.boton-accion.consulta-medica:visited, .perfiles > div:nth-of-type(4n) .boton:visited, .perfiles > div:nth-of-type(4n) .adjuntarEstilizable:visited:after {
            background-color: #c91792;
        }

            .boton.violeta:hover, .violeta.adjuntarEstilizable:hover:after, .adjuntarEstilizable.boton-accion.consulta-medica:hover:after, .boton.boton-accion.consulta-medica:hover, .perfiles > div:nth-of-type(4n) .boton:hover, .perfiles > div:nth-of-type(4n) .adjuntarEstilizable:hover:after, .boton:visited.violeta:hover, .adjuntarEstilizable:visited.violeta:hover:after, .adjuntarEstilizable.boton-accion.consulta-medica:visited:hover:after, .boton.boton-accion.consulta-medica:visited:hover, .perfiles > div:nth-of-type(4n) .boton:visited:hover, .perfiles > div:nth-of-type(4n) .adjuntarEstilizable:visited:hover:after {
                background-color: #d134a1;
                box-shadow: 0 0 5px rgba(74,124,131,0.9);
            }

        .boton.siguiente, .siguiente.adjuntarEstilizable:after, .boton:visited.siguiente, .adjuntarEstilizable:visited.siguiente:after {
            padding-left: 1.4em;
        }

            .boton.siguiente:after, .siguiente.adjuntarEstilizable:after, .boton:visited.siguiente:after, .adjuntarEstilizable:visited.siguiente:after {
                content: "\25BA";
                font-size: 0.9em;
                font-family: Arial,sans-serif;
                display: inline-block;
                width: 1.1em;
                height: 1em;
                margin-left: 0.4em;
                color: currentColor;
                margin-bottom: -0.15em;
            }

        .boton.anterior, .anterior.adjuntarEstilizable:after, .boton:visited.anterior, .adjuntarEstilizable:visited.anterior:after {
            padding-right: 1.4em;
        }

            .boton.anterior:before, .boton:visited.anterior:before {
                content: "\25C4";
                font-size: 0.9em;
                font-family: Arial,sans-serif;
                display: inline-block;
                width: 1.1em;
                height: 1em;
                margin-right: 0.4em;
                color: currentColor;
                margin-bottom: -0.15em;
            }

        .boton.fin, .fin.adjuntarEstilizable:after, .boton:visited.fin, .adjuntarEstilizable:visited.fin:after {
            padding-left: 1.4em;
            padding-right: 1.4em;
            letter-spacing: 0.5px;
        }

        .boton[disabled], [disabled].adjuntarEstilizable:after, .boton:visited[disabled], .adjuntarEstilizable:visited[disabled]:after {
            background: #c4c6cb;
            box-shadow: none;
            cursor: not-allowed;
        }

            .boton[disabled]:hover, [disabled].adjuntarEstilizable:hover:after, .boton:visited[disabled]:hover, .adjuntarEstilizable:visited[disabled]:hover:after {
                background: #c4c6cb;
                box-shadow: none;
            }

        .boton.boton-accion[disabled] {
            background-color: #c4c6cb;
            box-shadow: none;
            cursor: not-allowed;
        }
        
        .boton.boton-accion[disabled]:hover {
            background-color: #c4c6cb;
            box-shadow: none;
        }

.contenedor-botones {
    width: 100%;
    padding: 0.5em 0;
    margin: 0.3em 0;
}

    .contenedor-botones.left {
        text-align: left;
    }

        .contenedor-botones.left .boton, .contenedor-botones.left .adjuntarEstilizable:after {
            text-align: center;
        }

    .contenedor-botones.center {
        text-align: center;
    }

    .contenedor-botones.right {
        text-align: right;
    }

        .contenedor-botones.right .boton, .contenedor-botones.right .adjuntarEstilizable:after {
            text-align: center;
        }

@media all and (min-width: 48em) {
    .contenedor-botones.md-left {
        text-align: left;
    }
}

@media all and (min-width: 48em) {
    .contenedor-botones.md-center {
        text-align: center;
    }
}

@media all and (min-width: 48em) {
    .contenedor-botones.md-right {
        text-align: right;
    }
}

.boton + .boton, .adjuntarEstilizable:after + .boton, .boton + .adjuntarEstilizable:after, .adjuntarEstilizable:after + .adjuntarEstilizable:after {
    margin-left: 0.35em;
    margin-top: 0.35em;
}

.boton-accion {
    width: 5em;
    height: 3em;
    background-size: auto 90% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

@media screen and (min-width: 48em) and (max-width: 1360px) {
    .boton-accion:nth-of-type(3), .boton-accion:nth-of-type(4) {
        margin-top: 0.8em;
    }
}

.boton-accion.ver-registro {
    background-image: url(../img/icono_1.png);
}

.boton-accion.editar {
    background-image: url(../img/icono_2.png);
    overflow: visible !important;
}

.boton-accion.alta-medica {
    background-image: url(../img/icono_3.png);
}

@media screen and (max-width: 1360px) {
    .boton-accion.alta-medica {
        margin-left: 0;
    }
}

.boton-accion.delete-mascota {
    background-image: url(../img/icono_5.png);
}

@media screen and (max-width: 1360px) {
    .boton-accion.delete-mascota {
        margin-left: 0;
    }
}

.boton-accion.consulta-medica {
    background-image: url(../img/icono_4.png);
}

@media screen and (min-width: 48em) {
    .boton-accion {
        width: 2.1em;
        height: 2em;
    }
}

@media screen and (min-width: 48em) {
    .botones-accion {
        width: 5em;
        margin: auto;
    }
}

@media screen and (min-width: 1360px) {
    .botones-accion {
        width: auto;
        min-width: 11em;
        margin: auto;
    }
}

.login {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: auto;
    background: url("../img/bg_login_1_xl.jpg")center center/cover no-repeat;
    background-position-x: -180px;
    text-align: right;
    padding: 2% 7% 2%;
    overflow-y: auto;
}

    .login:before {
        content: "";
        height: 100%;
        vertical-align: middle;
        display: inline-block;
    }

    .login form {
        vertical-align: middle;
        display: inline-block;
    }

@media all and (min-width: 48em) {
    .login {
        background: url("../img/bg_login_1_xl.jpg")center center/cover no-repeat;
    }
}

@media all and (min-width: 80em) {
    .login {
        background: url("../img/bg_login_1_xl.jpg")center center/cover no-repeat;
    }
}

.login form {
    width: 95%;
}

@media screen and (min-width: 35.5em) {
    .login form {
        width: 80%;
    }
}

@media screen and (min-width: 48em) {
    .login form {
        width: 28em;
    }
}

.login .imagenes {
    border-bottom: 1px solid #4C758D;
    padding-bottom: 0.5em;
    width: 100%;
}

@media all and (min-width: 48em) {
    .login .imagenes {
        padding-bottom: 1em;
    }
}

.login .imagenes .logo {
    height: 7em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

    .login .imagenes .logo.gore {
        background-image: url(../img/logo_gore_i.png);
        background-position-y: 25px;
        background-size: 113%;
        width: 110px;
    }

    .login .imagenes .logo.santiago {
        background-image: url(../img/logo_santiago.png);
    }

    .login .imagenes .logo.cuidado {
        background-image: url(../img/logo_ccep.png);
    }

    .login .imagenes .logo.core {
        background-image: url(../img/logo_core.png);
        background-size: 50%;
        background-position-y: 35px;
    }

    .login .imagenes .logo.mebm {
        background-image: url(../img/logo_mebm.png);
        background-size: 140%;
        background-position-y: -3px;
        width: 100px;
    }

.login h1 {
    color: #4C758D;
    font-size: 1.9em;
    margin: 0.6em 0;
    text-align: center;
}

@media all and (min-width: 48em) {
    .login h1 {
        margin: 0.85em auto;
    }
}

.login form {
    background-color: rgba(255, 255, 255, 0.75);
    min-width: 85%;
    max-width: 98%;
    padding: 2em;
    border-radius: 5px;
}

@media all and (min-width: 48em) {
    .login form {
        min-width: 25em;
    }
}

.login form .inputs {
    width: 98%;
    text-align: left;
    display: block;
    margin: auto;
}

@media all and (min-width: 64em) {
    .login form .inputs {
        width: 85%;
    }
}

.login form .inputs input[type=text], .login form .inputs input[type=password], .login form .inputs label {
    width: 100%;
}

.login form .inputs a, .login form .inputs button {
    display: block;
    margin: auto;
    text-align: center;
}

.login form .inputs button {
    width: 100%;
}

@media all and (min-width: 48em) {
    .login form .inputs button {
        width: auto;
    }
}

.login form .inputs a {
    font-size: 1em;
}

@media all and (min-width: 48em) {
    .login form .inputs a {
        font-size: 0.8em;
    }
}

.login form .inputs .alert {
    margin: 0.3em 0 1.2em;
    text-align: center;
    color: red;
}

    .login form .inputs .alert ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin: 0.65em 0;
    }

.informacion {
    font-size: 1.0em;
    margin-bottom: 1.2em;
}

@media all and (min-width: 64em) {
    .informacion {
        margin-bottom: 1.8em;
    }

        .informacion section {
            padding-left: 0.55em;
        }
}

@media all and (min-width: 48em) {
    .informacion section {
        padding-left: 0.55em;
    }
}

.informacion .miniatura {
    overflow: hidden;
}

    .informacion .miniatura:after {
        content: "";
        display: block;
        background: -webkit-linear-gradient(transparent 55%, rgba(0, 0, 0, 0.5));
        background: -moz-linear-gradient(transparent 55%, rgba(0, 0, 0, 0.5));
        background: -o-linear-gradient(transparent 55%, rgba(0, 0, 0, 0.5));
        background: -ms-linear-gradient(transparent 55%, rgba(0, 0, 0, 0.5));
        background: linear-gradient(transparent 55%, rgba(0, 0, 0, 0.5));
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: auto;
    }

@media all and (min-width: 48em) {
    .informacion .miniatura {
        border-radius: 2px;
    }
}

.informacion .miniatura img {
    display: block;
    width: 100%;
    height: auto;
}

.informacion h1 {
    color: #4C758D;
    font-weight: normal;
    font-size: 1.25em;
    margin: 0.2em 0 0.3em;
    text-transform: capitalize;
}

@media all and (min-width: 48em) {
    .informacion h1 {
        font-size: 1.4em;
    }
}

.informacion p {
    margin: 0;
}

.informacion time {
    margin-top: 0.3em;
    display: inline-block;
    font-size: 0.85em;
    color: grey;
}

@media all and (min-width: 48em) {
    .informacion time {
        margin-top: 0;
    }
}

.informacion.destacada {
    font-size: 1.1em;
    margin-bottom: 1em;
}

@media all and (min-width: 64em) {
    .informacion.destacada {
        margin-bottom: 2.1em;
    }

        .informacion.destacada section {
            padding-left: 1.05em;
            padding-right: 1em;
        }
}

@media all and (min-width: 48em) {
    .informacion.destacada .miniatura {
        border-radius: 2px;
    }
}

.informacion.destacada h1 {
    color: #4C758D;
    font-size: 1.4em;
    margin: 0.2em 0 0.3em;
}

@media all and (min-width: 48em) {
    .informacion.destacada h1 {
        font-size: 1.6em;
        font-weight: bold;
    }
}

.informacion.destacada p {
    margin: 0;
    color: #444;
}

.informacion.destacada time {
    font-size: 0.85em;
    color: grey;
}

.informaciones .ver-mas {
    text-align: right;
    margin-bottom: 1em;
    padding-top: 0.35em;
    border-top: 1px solid #4C758D;
}

    .informaciones .ver-mas a {
        color: #4C758D;
        font-size: 1.1em;
    }

        .informaciones .ver-mas a:after {
            content: "";
            display: inline-block;
            width: 0.85em;
            height: 0.9em;
            margin-left: 0.5em;
            margin-bottom: -0.1em;
            border-top: 0.45em solid transparent;
            border-left: 0.85em solid currentColor;
            border-bottom: 0.45em solid transparent;
        }

        .informaciones .ver-mas a:hover {
            color: #4C758D;
        }

.informacion-detalle .contenedor-botones {
    display: inline-block;
    width: auto;
    margin-right: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.informacion-detalle time {
    font-size: 0.9em;
    color: #555;
}

.informacion-detalle h1 {
    text-transform: capitalize;
}

.informacion-detalle section p {
    font-size: 1.15em;
}

@media screen and (min-width: 48em) {
    .informacion-detalle section p {
        font-size: 1.03em;
    }
}

.informacion-detalle section .imagen-detalle {
    display: block;
    width: 100%;
    height: auto;
    padding: 1em 0;
}

@media screen and (min-width: 48em) {
    .informacion-detalle section .imagen-detalle {
        padding: 0 0 0.5em 0.5em;
        float: right;
        width: auto;
        max-width: 50%;
    }
}

.nueva-informacion > div:last-of-type textarea {
    height: 30em;
    max-height: 160em;
}

.nueva-informacion > div {
    padding: 0.6em 0.1em;
}

@media screen and (min-width: 48em) {
    .nueva-informacion > div {
        padding: 0.8em;
    }
}

.nueva-informacion > section:last-child {
    margin: 0;
    padding: 0.4em 0;
}

.filtros {
    font-size: 0.9em;
    background-color: #eee;
    padding: 0.6em 0.7em;
    border-radius: 2px;
}

    .filtros:after, .filtros:before {
        content: " ";
        display: table;
    }

    .filtros:after {
        clear: both;
    }

.filtros {
    *zoom: 1;
}

    .filtros h2 {
        font-size: 1.4em;
        margin: 0;
        font-weight: normal;
    }

        .filtros h2:after {
            content: "";
            display: inline-block;
            background: url(../img/lupa.png) center center/contain no-repeat;
            width: 0.7em;
            height: 0.7em;
            margin-left: 0.3em;
        }

    .filtros.una-columna div:first-of-type:last-of-type {
        width: 100%;
        margin: 0.5em 0;
        float: none;
    }

    .filtros.dos-columnas > div, .filtros.dos-columnas > form > div {
        width: 100%;
        margin: 0.5em 0;
        float: none;
    }

@media all and (min-width: 48em) {
    .filtros.dos-columnas > div, .filtros.dos-columnas > form > div {
        width: 49.5%;
        margin: 0.5em 0;
    }

        .filtros.dos-columnas > div:first-of-type, .filtros.dos-columnas > form > div:first-of-type {
            float: left;
        }

        .filtros.dos-columnas > div:last-of-type, .filtros.dos-columnas > form > div:last-of-type {
            float: right;
        }
}

.filtros.tres-columnas > div, .filtros.tres-columnas > form > div {
    width: 100%;
    margin: 0.5em 0;
    float: none;
}

    .filtros.tres-columnas > div .Zebra_DatePicker_Icon_Wrapper input, .filtros.tres-columnas > form > div .Zebra_DatePicker_Icon_Wrapper input {
        width: 11em !important;
    }

    .filtros.tres-columnas > div .Zebra_DatePicker_Icon_Wrapper button, .filtros.tres-columnas > form > div .Zebra_DatePicker_Icon_Wrapper button {
        left: 8.2em !important;
    }

@media all and (min-width: 48em) {
    .filtros.tres-columnas > div, .filtros.tres-columnas > form > div {
        width: 32%;
        margin: 0.5em 0;
    }

        .filtros.tres-columnas > div:first-of-type, .filtros.tres-columnas > div:nth-of-type(2), .filtros.tres-columnas > form > div:first-of-type, .filtros.tres-columnas > form > div:nth-of-type(2) {
            float: left;
        }

        .filtros.tres-columnas > div:nth-of-type(2), .filtros.tres-columnas > form > div:nth-of-type(2) {
            margin-left: 2%;
        }

        .filtros.tres-columnas > div:last-of-type, .filtros.tres-columnas > form > div:last-of-type {
            float: right;
        }
}

.filtros section {
    clear: both;
    text-align: right;
    padding-top: 0.5em;
    border-top: 1px solid #4C758D;
    width: 99%;
    margin: auto;
    font-size: 0.9em;
}

.filtros input[type=email], .filtros input[type=text], .filtros input[type=password], .filtros input[type=number], .filtros input[type=date], .filtros input[type=search], .filtros select, .filtros label {
    font-size: 0.9em;
    display: inline-block;
    width: 49%;
    margin-bottom: 0.5em;
}

    .filtros label[for] {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

@media screen and (min-width: 48em) {
    #antirrabica, #permanencia {
        top: -0.95em;
        left: 3em;
    }
}

.mapa {
    border: 1px solid #eee;
    width: 100%;
    margin: 1em 0;
    height: 29em;
}

@media screen and (min-width: 64em) {
    .mapa {
        height: 36em;
    }
}

@media screen and (min-width: 80em) {
    .mapa {
        height: 40em;
    }
}

table, .tabla-css {
    width: 100% !important;
    margin: 0.6em 0;
    border-collapse: collapse;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

    table th, .tabla-css th {
        text-align: center;
        padding: 1.2em 0.55em;
        background: -webkit-linear-gradient(transparent 75%, rgba(0, 0, 0, 0.065));
        background: -moz-linear-gradient(transparent 75%, rgba(0, 0, 0, 0.065));
        background: -o-linear-gradient(transparent 75%, rgba(0, 0, 0, 0.065));
        background: -ms-linear-gradient(transparent 75%, rgba(0, 0, 0, 0.065));
        background: linear-gradient(transparent 75%, rgba(0, 0, 0, 0.065));
        background-color: #4C758D;
        color: white;
        text-shadow: 1px 1px 2px black;
    }

        table th:first-of-type, .tabla-css th:first-of-type {
            text-align: left;
            padding-left: 0.85em;
        }

    table td, .tabla-css td {
        text-align: center;
        padding: 1.1em 0.5em;
        font-size: 0.9em;
        border: 1px solid rgba(0, 0, 0, 0.008);
    }

        table td:first-of-type, .tabla-css td:first-of-type {
            text-align: left;
            padding-left: 0.85em;
        }

        table td a, .tabla-css td a {
            display: block;
            width: 100%;
            text-decoration: underline;
        }

            table td a:hover, .tabla-css td a:hover {
                color: #999;
            }

    table tr:nth-of-type(odd) td:nth-of-type(odd), .tabla-css tr:nth-of-type(odd) td:nth-of-type(odd) {
        background-color: #fef1de;
    }

    table tr:nth-of-type(odd) td:nth-of-type(even), .tabla-css tr:nth-of-type(odd) td:nth-of-type(even) {
        background-color: #fef3e3;
    }

    table tr:nth-of-type(even) td:nth-of-type(odd), .tabla-css tr:nth-of-type(even) td:nth-of-type(odd) {
        background-color: #fef5e8;
    }

    table tr:nth-of-type(even) td:nth-of-type(even), .tabla-css tr:nth-of-type(even) td:nth-of-type(even) {
        background-color: #fef8f0;
    }

    table tr:first-of-type th:first-of-type, .tabla-css tr:first-of-type th:first-of-type {
        border-radius: 4px 0 0 0;
    }

    table tr:first-of-type th:last-of-type, .tabla-css tr:first-of-type th:last-of-type {
        border-radius: 0 4px 0 0;
    }

    table tr:last-of-type td:first-of-type, .tabla-css tr:last-of-type td:first-of-type {
        border-radius: 0 0 0 4px;
    }

    table tr:last-of-type td:last-of-type, .tabla-css tr:last-of-type td:last-of-type {
        border-radius: 0 0 4px 0;
    }

.wrapper-tabla {
    max-width: 100%;
    overflow: hidden;
}

.grupo-formulario, .nueva-informacion {
    margin: 1.5em 0;
}

    .grupo-formulario.una-columna, .una-columna.nueva-informacion {
        width: 100%;
        margin: auto;
    }

        .grupo-formulario.una-columna > div select, .una-columna.nueva-informacion > div select, .grupo-formulario.una-columna > div input, .una-columna.nueva-informacion > div input, .grupo-formulario.una-columna > div textarea, .una-columna.nueva-informacion > div textarea, .grupo-formulario.una-columna > form > div select, .una-columna.nueva-informacion > form > div select, .grupo-formulario.una-columna > form > div input, .una-columna.nueva-informacion > form > div input, .grupo-formulario.una-columna > form > div textarea, .una-columna.nueva-informacion > form > div textarea {
            width: 100%;
        }

            .grupo-formulario.una-columna > div select[type=checkbox], .una-columna.nueva-informacion > div select[type=checkbox], .grupo-formulario.una-columna > div select[type=radio], .una-columna.nueva-informacion > div select[type=radio], .grupo-formulario.una-columna > div input[type=checkbox], .una-columna.nueva-informacion > div input[type=checkbox], .grupo-formulario.una-columna > div input[type=radio], .una-columna.nueva-informacion > div input[type=radio], .grupo-formulario.una-columna > div textarea[type=checkbox], .una-columna.nueva-informacion > div textarea[type=checkbox], .grupo-formulario.una-columna > div textarea[type=radio], .una-columna.nueva-informacion > div textarea[type=radio], .grupo-formulario.una-columna > form > div select[type=checkbox], .una-columna.nueva-informacion > form > div select[type=checkbox], .grupo-formulario.una-columna > form > div select[type=radio], .una-columna.nueva-informacion > form > div select[type=radio], .grupo-formulario.una-columna > form > div input[type=checkbox], .una-columna.nueva-informacion > form > div input[type=checkbox], .grupo-formulario.una-columna > form > div input[type=radio], .una-columna.nueva-informacion > form > div input[type=radio], .grupo-formulario.una-columna > form > div textarea[type=checkbox], .una-columna.nueva-informacion > form > div textarea[type=checkbox], .grupo-formulario.una-columna > form > div textarea[type=radio], .una-columna.nueva-informacion > form > div textarea[type=radio] {
                width: auto;
            }

@media all and (min-width: 48em) {
    .grupo-formulario.una-columna > div select, .una-columna.nueva-informacion > div select, .grupo-formulario.una-columna > div input, .una-columna.nueva-informacion > div input, .grupo-formulario.una-columna > div textarea, .una-columna.nueva-informacion > div textarea, .grupo-formulario.una-columna > form > div select, .una-columna.nueva-informacion > form > div select, .grupo-formulario.una-columna > form > div input, .una-columna.nueva-informacion > form > div input, .grupo-formulario.una-columna > form > div textarea, .una-columna.nueva-informacion > form > div textarea {
        width: 50%;
    }

        .grupo-formulario.una-columna > div select[type=checkbox], .una-columna.nueva-informacion > div select[type=checkbox], .grupo-formulario.una-columna > div select[type=radio], .una-columna.nueva-informacion > div select[type=radio], .grupo-formulario.una-columna > div input[type=checkbox], .una-columna.nueva-informacion > div input[type=checkbox], .grupo-formulario.una-columna > div input[type=radio], .una-columna.nueva-informacion > div input[type=radio], .grupo-formulario.una-columna > div textarea[type=checkbox], .una-columna.nueva-informacion > div textarea[type=checkbox], .grupo-formulario.una-columna > div textarea[type=radio], .una-columna.nueva-informacion > div textarea[type=radio], .grupo-formulario.una-columna > form > div select[type=checkbox], .una-columna.nueva-informacion > form > div select[type=checkbox], .grupo-formulario.una-columna > form > div select[type=radio], .una-columna.nueva-informacion > form > div select[type=radio], .grupo-formulario.una-columna > form > div input[type=checkbox], .una-columna.nueva-informacion > form > div input[type=checkbox], .grupo-formulario.una-columna > form > div input[type=radio], .una-columna.nueva-informacion > form > div input[type=radio], .grupo-formulario.una-columna > form > div textarea[type=checkbox], .una-columna.nueva-informacion > form > div textarea[type=checkbox], .grupo-formulario.una-columna > form > div textarea[type=radio], .una-columna.nueva-informacion > form > div textarea[type=radio] {
            width: auto;
        }
}

@media all and (min-width: 64em) {
    .grupo-formulario.una-columna > div select, .una-columna.nueva-informacion > div select, .grupo-formulario.una-columna > div input, .una-columna.nueva-informacion > div input, .grupo-formulario.una-columna > div textarea, .una-columna.nueva-informacion > div textarea, .grupo-formulario.una-columna > form > div select, .una-columna.nueva-informacion > form > div select, .grupo-formulario.una-columna > form > div input, .una-columna.nueva-informacion > form > div input, .grupo-formulario.una-columna > form > div textarea, .una-columna.nueva-informacion > form > div textarea {
        width: 40%;
    }

        .grupo-formulario.una-columna > div select[type=checkbox], .una-columna.nueva-informacion > div select[type=checkbox], .grupo-formulario.una-columna > div select[type=radio], .una-columna.nueva-informacion > div select[type=radio], .grupo-formulario.una-columna > div input[type=checkbox], .una-columna.nueva-informacion > div input[type=checkbox], .grupo-formulario.una-columna > div input[type=radio], .una-columna.nueva-informacion > div input[type=radio], .grupo-formulario.una-columna > div textarea[type=checkbox], .una-columna.nueva-informacion > div textarea[type=checkbox], .grupo-formulario.una-columna > div textarea[type=radio], .una-columna.nueva-informacion > div textarea[type=radio], .grupo-formulario.una-columna > form > div select[type=checkbox], .una-columna.nueva-informacion > form > div select[type=checkbox], .grupo-formulario.una-columna > form > div select[type=radio], .una-columna.nueva-informacion > form > div select[type=radio], .grupo-formulario.una-columna > form > div input[type=checkbox], .una-columna.nueva-informacion > form > div input[type=checkbox], .grupo-formulario.una-columna > form > div input[type=radio], .una-columna.nueva-informacion > form > div input[type=radio], .grupo-formulario.una-columna > form > div textarea[type=checkbox], .una-columna.nueva-informacion > form > div textarea[type=checkbox], .grupo-formulario.una-columna > form > div textarea[type=radio], .una-columna.nueva-informacion > form > div textarea[type=radio] {
            width: auto;
        }
}

@media all and (min-width: 48em) {
    .grupo-formulario.una-columna > div label.requerido, .una-columna.nueva-informacion > div label.requerido, .grupo-formulario.una-columna > form > div label.requerido, .una-columna.nueva-informacion > form > div label.requerido {
        border-bottom: none;
    }

        .grupo-formulario.una-columna > div label.requerido:after, .una-columna.nueva-informacion > div label.requerido:after, .grupo-formulario.una-columna > form > div label.requerido:after, .una-columna.nueva-informacion > form > div label.requerido:after {
            left: 0;
            width: 50%;
            text-align: right;
            border-bottom: 1px solid #ccc;
        }
}

@media all and (min-width: 64em) {
    .grupo-formulario.una-columna > div label.requerido:after, .una-columna.nueva-informacion > div label.requerido:after, .grupo-formulario.una-columna > form > div label.requerido:after, .una-columna.nueva-informacion > form > div label.requerido:after {
        width: 40%;
    }
}

.grupo-formulario.una-columna .imagen-mascota, .una-columna.nueva-informacion .imagen-mascota {
    border: 1px solid #ddd;
    height: auto;
    display: inline-block;
    width: 100%;
    margin: 0.35em 0;
}

@media screen and (min-width: 48em) {
    .grupo-formulario.una-columna .imagen-mascota, .una-columna.nueva-informacion .imagen-mascota {
        width: 40%;
    }
}

@media all and (min-width: 48em) {
    .grupo-formulario.dos-columnas > div:first-of-type, .dos-columnas.nueva-informacion > div:first-of-type, .grupo-formulario.dos-columnas > form > div:first-of-type, .dos-columnas.nueva-informacion > form > div:first-of-type {
        padding-right: 0.5em;
    }
}

@media all and (min-width: 48em) {
    .grupo-formulario.dos-columnas > div:last-of-type, .dos-columnas.nueva-informacion > div:last-of-type, .grupo-formulario.dos-columnas > form > div:last-of-type, .dos-columnas.nueva-informacion > form > div:last-of-type {
        padding-left: 0.5em;
    }
}

.grupo-formulario.dos-columnas .imagen-mascota, .dos-columnas.nueva-informacion .imagen-mascota {
    border: 1px solid #ddd;
    height: auto;
    display: inline-block;
    width: 100%;
    margin: 0.35em 0;
}

.grupo-formulario .modulo, .nueva-informacion .modulo {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.45em 0.8em;
    margin-top: 0.8em;
    margin-bottom: 1.4em;
}

@media all and (min-width: 48em) {
    .grupo-formulario .modulo, .nueva-informacion .modulo {
        margin-bottom: 0;
    }

        .grupo-formulario .modulo + .modulo, .nueva-informacion .modulo + .modulo {
            margin-top: 1.05em;
        }
}

.grupo-formulario .modulo h3, .nueva-informacion .modulo h3 {
    margin: 0 0 1.1em;
    border-bottom: 1px solid currentColor;
    color: #7c766c;
}

.grupo-formulario .modulo label.button, .nueva-informacion .modulo label.button {
    width: auto;
    margin: 0.6em 1.5em 0.6em 0;
}

.grupo-formulario .modulo label.checkbox-radio, .nueva-informacion .modulo label.checkbox-radio {
    width: auto;
    margin: 0.6em 1em 0.6em 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .grupo-formulario .modulo label.checkbox-radio[for], .nueva-informacion .modulo label.checkbox-radio[for] {
        cursor: pointer;
    }

.grupo-formulario .modulo label + input[type=checkbox], .nueva-informacion .modulo label + input[type=checkbox], .grupo-formulario .modulo label + input[type=radio], .nueva-informacion .modulo label + input[type=radio] {
    position: relative;
    top: 2px;
}

.grupo-formulario .modulo input[type=checkbox] + .checkbox-radio, .nueva-informacion .modulo input[type=checkbox] + .checkbox-radio, .grupo-formulario .modulo input[type=radio] + .checkbox-radio, .nueva-informacion .modulo input[type=radio] + .checkbox-radio {
    margin-left: 1.1em;
    margin-top: -30px;
    padding: 0.3em 0;
}

.grupo-formulario .modulo .contenedor-botones, .nueva-informacion .modulo .contenedor-botones {
    width: 49%;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.grupo-formulario section, .nueva-informacion section {
    clear: both;
    text-align: right;
    padding-top: 0.5em;
    width: 99%;
    margin: 1.5em auto 0.9em;
    font-size: 0.9em;
}

.grupo-formulario input[type=email], .nueva-informacion input[type=email], .grupo-formulario input[type=tel], .nueva-informacion input[type=tel], .grupo-formulario input[type=text], .nueva-informacion input[type=text], .grupo-formulario input[type=password], .nueva-informacion input[type=password], .grupo-formulario input[type=number], .nueva-informacion input[type=number], .grupo-formulario input[type=date], .nueva-informacion input[type=date], .grupo-formulario input[type=search], .nueva-informacion input[type=search], .grupo-formulario select, .nueva-informacion select, .grupo-formulario textarea, .nueva-informacion textarea {
    font-size: 0.9em;
    display: inline-block;
    width: 100%;
    margin-bottom: 1.1em;
}

    .grupo-formulario input[type=email]:last-child, .nueva-informacion input[type=email]:last-child, .grupo-formulario input[type=tel]:last-child, .nueva-informacion input[type=tel]:last-child, .grupo-formulario input[type=text]:last-child, .nueva-informacion input[type=text]:last-child, .grupo-formulario input[type=password]:last-child, .nueva-informacion input[type=password]:last-child, .grupo-formulario input[type=number]:last-child, .nueva-informacion input[type=number]:last-child, .grupo-formulario input[type=date]:last-child, .nueva-informacion input[type=date]:last-child, .grupo-formulario input[type=search]:last-child, .nueva-informacion input[type=search]:last-child, .grupo-formulario select:last-child, .nueva-informacion select:last-child, .grupo-formulario textarea:last-child, .nueva-informacion textarea:last-child {
        margin-bottom: 0.7em;
    }

    .grupo-formulario input[type=email].input-sm, .nueva-informacion input[type=email].input-sm, .grupo-formulario input[type=tel].input-sm, .nueva-informacion input[type=tel].input-sm, .grupo-formulario input[type=text].input-sm, .nueva-informacion input[type=text].input-sm, .grupo-formulario input[type=password].input-sm, .nueva-informacion input[type=password].input-sm, .grupo-formulario input[type=number].input-sm, .nueva-informacion input[type=number].input-sm, .grupo-formulario input[type=date].input-sm, .nueva-informacion input[type=date].input-sm, .grupo-formulario input[type=search].input-sm, .nueva-informacion input[type=search].input-sm, .grupo-formulario select.input-sm, .nueva-informacion select.input-sm, .grupo-formulario textarea.input-sm, .nueva-informacion textarea.input-sm {
        font-size: 0.8em;
        padding: 0.1em;
        width: auto;
    }

.grupo-formulario input[type=file], .nueva-informacion input[type=file] {
    font-size: 0.8em;
    display: inline-block;
    margin: 0.35em 0;
}

.grupo-formulario label, .nueva-informacion label {
    font-size: 0.9em;
    display: inline-block;
    width: 100%;
    margin-bottom: 0.65em;
}

.grupo-formulario textarea, .nueva-informacion textarea {
    height: 8em;
    max-height: 15em;
    resize: vertical;
}

.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
    margin-top: 1.3em;
}

    .tabs:after {
        content: "";
        display: block;
        width: 100%;
        float: none;
        clear: both;
        font-size: 0;
    }

    .tabs li {
        display: block;
        float: left;
    }

    .tabs:hover h2 {
        will-change: background-color, box-shadow, color;
    }

@media screen and (max-width: 35.5em) {
    .tabs {
        font-size: 0.95em;
    }
}

.tabs li {
    font-size: 0.7em;
    padding: 0 0.2em;
    width: 100%;
}

@media screen and (min-width: 48em) {
    .tabs li {
        width: 25%;
    }
}

.tabs li h2 {
    height: auto;
    padding: 0.45em 0.5em;
    margin: 0.23em 0;
    background: -webkit-linear-gradient(#eee 80%, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.08));
    background: -moz-linear-gradient(#eee 80%, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.08));
    background: -o-linear-gradient(#eee 80%, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.08));
    background: -ms-linear-gradient(#eee 80%, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.08));
    background: linear-gradient(#eee 80%, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.08));
    background-color: #eee;
    color: #888;
    border-radius: 4px;
    text-align: left;
    transition: background-color 0.2s, box-shadow 0.2s, color 0.2s;
    opacity: 0.85;
}

@media screen and (min-width: 48em) {
    .tabs li h2 {
        height: 3.3em !important;
        border-radius: 4px 4px 0 0;
        padding: 0.4em 3.4em 0.4em 0.4em !important;
        margin: 0 0 0;
    }
}

@media screen and (min-width: 80em) {
    .tabs li h2 {
        height: auto !important;
        padding: 0.4em !important;
    }
}

.tabs li.activa h2 {
    background: -webkit-linear-gradient(45deg, #4C758D 55%, #5a849e);
    background: -moz-linear-gradient(45deg, #4C758D 55%, #5a849e);
    background: -o-linear-gradient(45deg, #4C758D 55%, #5a849e);
    background: -ms-linear-gradient(45deg, #4C758D 55%, #5a849e);
    background: linear-gradient(45deg, #4C758D 55%, #5a849e);
    background-color: #4C758D;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
    opacity: 1;
    cursor: default;
}

.tabs li.terminado h2 {
    background-image: none;
    background-color: #ccc;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
    opacity: 1;
    cursor: default;
    position: relative;
}

    .tabs li.terminado h2:after {
        content: "";
        position: absolute;
        top: 0.3em;
        left: auto;
        width: 1.5em;
        height: 1.5em;
        z-index: auto;
        right: 2%;
        display: block;
        background: url(../img/terminado.png) center center/contain no-repeat;
    }

@media screen and (min-width: 48em) {
    .tabs li {
        text-align: center;
        padding: 0 0.3em;
        font-size: 1em;
    }

        .tabs li:first-of-type {
            padding-left: 0;
        }

        .tabs li:last-of-type {
            padding-right: 0;
        }

        .tabs li h2 {
            font-size: 1.15em;
            margin: 0;
            padding: 0.3em 0.4em;
            height: auto;
        }

        .tabs li.activa h2, .tabs li.terminado h2 {
            margin-top: -0.2em;
        }
}

.contenedor-tabs {
    margin-top: 1em;
}

    .contenedor-tabs > div {
        display: none;
    }

        .contenedor-tabs > div:first-of-type {
            display: block;
        }

.historial .tabs li h2:not(.activa) {
    cursor: pointer;
}

    .historial .tabs li h2:not(.activa):hover {
        background-color: #f6f6f6;
        box-shadow: 0 0 4px rgba(0,0,0,0.2);
        padding: 0.4em;
        margin-top: -0.2em;
        font-weight: bold;
        color: #4C758D;
        background-image: none;
        opacity: 1;
    }

.grupo-historial {
    margin: 1em auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.55em 0.8em;
}

    .grupo-historial[data-historial="1"] h3:before {
        border-top: none;
        border-bottom: 1.5em solid currentColor;
        border-left: 0.75em solid transparent;
        border-right: 0.75em solid transparent;
    }

    .grupo-historial h3 {
        margin: 0 auto 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        cursor: pointer;
        font-size: 1.18em;
    }

        .grupo-historial h3:after {
            content: "";
            display: inline-block;
            width: 0.9em;
            height: 0.9em;
            margin-left: 0.45em;
            position: relative;
            top: 1px;
            background: url(../img/historial.png) center center/contain no-repeat;
        }

        .grupo-historial h3:before {
            content: "";
            position: absolute;
            top: 0.75em;
            right: 0.5em;
            border-top: 1.5em solid currentColor;
            border-left: 0.75em solid transparent;
            border-right: 0.75em solid transparent;
            width: 1.5em;
            height: 1.5em;
            font-size: 0.4em;
        }

        .grupo-historial h3:hover {
            color: #1e90ff;
        }

            .grupo-historial h3:hover:after {
                background-image: url(../img/historial-hover.png);
            }

    .grupo-historial > div {
        margin-top: 1em;
    }

        .grupo-historial > div.wrapper-tabla {
            max-width: 100%;
            overflow: hidden;
        }

    .grupo-historial table th {
        padding: 0.65em 0.8em;
    }

.una-columna + .grupo-historial {
    width: 99%;
}

.modal {
    padding: 0.5em;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(255,153,0,0.04);
    display: none;
    overflow-y: auto;
}

    .modal > div {
        width: 100%;
        height: 100%;
        text-align: center;
    }

        .modal > div:before {
            content: "";
            height: 100%;
            vertical-align: middle;
            display: inline-block;
        }

        .modal > div > section {
            vertical-align: middle;
            display: inline-block;
        }

        .modal > div > section {
            border: 4px solid #4C758D;
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
            border-radius: 4px;
            background: white;
            height: auto;
            max-width: 98%;
            padding: 1em;
        }

.historial-clinico h2 {
    font-size: 1.25em;
    border-bottom: 1px solid currentColor;
    padding-bottom: 0.1em;
    margin-bottom: 0;
}

.historial-clinico .grupo-formulario, .historial-clinico .nueva-informacion {
    margin: 0.2em auto 1em;
}

.modulo.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

    .modulo.disabled input, .modulo.disabled select, .modulo.disabled label[for] {
        cursor: not-allowed;
    }

.modulo.enabled {
    border: 1px solid #ffd595;
    opacity: 1;
}

.tabla-historial-clinico table th {
    padding: 0.65em 0.5em 0.2em;
    width: 33.333%;
    vertical-align: top;
    text-align: center;
}

    .tabla-historial-clinico table th ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 0.65em;
    }

        .tabla-historial-clinico table th ul:after {
            content: "";
            display: block;
            width: 100%;
            float: none;
            clear: both;
            font-size: 0;
        }

        .tabla-historial-clinico table th ul li {
            display: block;
            float: left;
        }

        .tabla-historial-clinico table th ul:after, .tabla-historial-clinico table th ul:before {
            content: " ";
            display: table;
        }

        .tabla-historial-clinico table th ul:after {
            clear: both;
        }

    .tabla-historial-clinico table th ul {
        *zoom: 1;
    }

        .tabla-historial-clinico table th ul li {
            width: 33.333%;
            text-shadow: none;
        }

            .tabla-historial-clinico table th ul li span {
                display: none;
            }

@media screen and (min-width: 48em) {
    .tabla-historial-clinico table th ul li span {
        display: inline;
    }
}

.tabla-historial-clinico table td {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    width: 33.333%;
    padding: 0.65em;
}

    .tabla-historial-clinico table td ul {
        margin-top: 0.5em;
        width: 100%;
        height: 2em;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .tabla-historial-clinico table td ul:after {
            content: "";
            display: block;
            width: 100%;
            float: none;
            clear: both;
            font-size: 0;
        }

        .tabla-historial-clinico table td ul li {
            display: block;
            float: left;
        }

        .tabla-historial-clinico table td ul:after, .tabla-historial-clinico table td ul:before {
            content: " ";
            display: table;
        }

        .tabla-historial-clinico table td ul:after {
            clear: both;
        }

    .tabla-historial-clinico table td ul {
        *zoom: 1;
    }

        .tabla-historial-clinico table td ul li {
            width: 33.333%;
            height: 100%;
            border-left: 1px solid rgba(0, 0, 0, 0.15);
        }

            .tabla-historial-clinico table td ul li:first-child {
                border-left: none;
            }

            .tabla-historial-clinico table td ul li.checked {
                background: url(../img/check.png) center center/contain no-repeat;
            }

.tabla-historial-clinico table tbody tr {
    cursor: pointer;
}

    .tabla-historial-clinico table tbody tr:hover {
        opacity: 0.7;
    }

.expandible {
    display: none;
    cursor: default;
}

    .expandible td {
        padding: 0 !important;
    }

    .expandible:hover {
        opacity: 1 !important;
    }

.detalle-atencion {
    cursor: default;
    border-top: 1px solid #4C758D;
    border-bottom: 1px solid #4C758D;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.05), transparent 3%, transparent 97%, rgba(0, 0, 0, 0.05));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.05), transparent 3%, transparent 97%, rgba(0, 0, 0, 0.05));
    background: -o-linear-gradient(rgba(0, 0, 0, 0.05), transparent 3%, transparent 97%, rgba(0, 0, 0, 0.05));
    background: -ms-linear-gradient(rgba(0, 0, 0, 0.05), transparent 3%, transparent 97%, rgba(0, 0, 0, 0.05));
    background: linear-gradient(rgba(0, 0, 0, 0.05), transparent 3%, transparent 97%, rgba(0, 0, 0, 0.05));
    width: 100%;
    height: 100%;
    margin: 0;
}

    .detalle-atencion div {
        padding: 0.6em 1.2em;
    }

        .detalle-atencion div b {
            font-size: 1.1em;
        }

        .detalle-atencion div p {
            text-align: left;
            font-size: 1.05em;
        }

    .detalle-atencion > div:last-of-type {
        font-size: 1.05em;
    }

.seleccionar h1 {
    text-align: center;
    font-size: 2em;
}

.perfiles {
    margin: 2em auto 1em;
    width: 100%;
}

@media screen and (min-width: 80em) {
    .perfiles {
        width: 90%;
        margin: 3.3em auto 1em;

        margin-top: 1em;

    }
}

.perfiles > div {
    text-align: center;
    margin-bottom: 0.8em;
}

    .perfiles > div:before {
        content: "";
        /*height: 100%;*/
        vertical-align: middle;
        display: inline-block;
    }

    .perfiles > div section {
        vertical-align: middle;
        display: inline-block;
    }

@media screen and (min-width: 80em) {
    .perfiles > div {
        margin-bottom: 1.2em;
    }

        .perfiles > div section {
            width: 96%;
        }
}

.perfiles > div section {
    border-top: 3px solid orange;
    border-bottom: 3px solid orange;
    width: 98%;
    padding: 1.3em 0.8em;
    background: #f5f5f5;
}

    .perfiles > div section h2 {
        margin: 0;
        color: black;
    }

.resumen-datos {
    width: 98%;
    max-width: 64em !important;
}

@media screen and (min-width: 48em) {
    .resumen-datos {
        width: 85%;
        max-width: 64em !important;
    }
}

.resumen-datos > div:last-of-type {
    height: 100%;
}

.resumen-datos .datos span {
    display: block;
    text-align: left;
    margin-bottom: 0.2em;
}

    .resumen-datos .datos span:nth-of-type(odd) {
        font-weight: bold;
    }

@media screen and (min-width: 64em) {
    .resumen-datos .datos {
        width: 70%;
        margin: auto;
    }
}

@media screen and (min-width: 80em) {
    .resumen-datos .datos {
        width: 50%;
    }
}

.registro-exitoso {
    width: 98%;
    max-width: 64em !important;
}

@media screen and (min-width: 48em) {
    .registro-exitoso {
        width: 85%;
        max-width: 64em !important;
    }
}

.error {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(../img/bg.jpg) repeat;
    overflow-y: auto;
}

    .error:before {
        content: "";
        height: 100%;
        vertical-align: middle;
        display: inline-block;
    }

    .error .error-detalle {
        vertical-align: middle;
        display: inline-block;
    }

    .error .error-detalle {
        width: 85%;
        height: 37em;
        background: rgba(255, 255, 255, 0.92);
        border-radius: 7px;
        padding: 1em 1.5em;
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.095);
    }

        .error .error-detalle .imagen {
            height: 40%;
            background: url(../img/error.png) center center/contain no-repeat;
        }

        .error .error-detalle .detalle {
            height: 60%;
        }

            .error .error-detalle .detalle:before {
                content: "";
                height: 100%;
                vertical-align: middle;
                display: inline-block;
            }

            .error .error-detalle .detalle div {
                vertical-align: middle;
                display: inline-block;
            }

            .error .error-detalle .detalle div {
                font-size: 1.08em;
                padding: 0.4em;
                max-width: 98%;
            }

@media screen and (min-width: 48em) {
    .error .error-detalle {
        width: 40em;
        height: 30em;
    }

        .error .error-detalle .imagen, .error .error-detalle .detalle {
            height: 100%;
        }
}

.date-picker + .Zebra_DatePicker_Icon_Wrapper {
    width: 50% !important;
}

    .date-picker + .Zebra_DatePicker_Icon_Wrapper input {
        width: 98% !important;
    }

#entidades {
    overflow-y: auto;
    border: 1px solid #ddd;
    width: 100%;
    padding: 1% 0 0 2%;
    max-height: 20em;
}

@media screen and (min-width: 48em) {
    #entidades {
        width: 40%;
    }
}

label.requerido {
    border-bottom: 1px solid #bbb;
    padding-bottom: 0.2em;
    margin-top: 0.4em;
}

    label.requerido:after {
        content: "*";
        font-size: 2em;
        bottom: 0;
        position: absolute;
        right: 0;
        color: #DB0A85;
        box-sizing: border-box;
        top: -0.2em;
    }

.graficos > div > div:first-of-type {
    margin: auto;
}

body {
    font-size: 0.9em;
}

@media screen and (min-width: 35.5em) {
    body {
        font-size: 0.94em;
    }
}

@media screen and (min-width: 48em) {
    body {
        font-size: 0.96em;
    }

    #wrapper {
        width: 99.5%;
    }
}

@media screen and (min-width: 64em) {
    body {
        font-size: 0.99em;
    }

    #wrapper {
        width: 95%;
    }
}

@media screen and (min-width: 80em) {
    body {
        font-size: 1em;
    }
}

[hidden] {
    display: none;
}

.visually-hidden {
    position: absolute;
    clip: rect(0,0,0,0);
}

div.awesomplete {
    position: relative;
}

    div.awesomplete > input {
        display: block;
    }

    div.awesomplete > ul {
        position: absolute;
        left: 0;
        z-index: 1;
        min-width: 100%;
        box-sizing: border-box;
        list-style: none;
        padding: 0;
        border-radius: .3em;
        margin: .2em 0 0;
        background: rgba(255, 255, 255, 0.9);
        background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.8));
        border: 1px solid rgba(0, 0, 0, 0.3);
        box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
        text-shadow: none;
        top: 2em;
    }

@media screen and (min-width: 48em) {
    div.awesomplete > ul {
        min-width: 40%;
    }
}

div.awesomplete > ul[hidden], div.awesomplete > ul:empty {
    display: none;
}

@supports (transform: scale(0)) {
    div.awesomplete > ul {
        transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
        transform-origin: 1.43em -0.43em;
    }

        div.awesomplete > ul[hidden], div.awesomplete > ul:empty {
            opacity: 0;
            transform: scale(0);
            display: block;
            transition-timing-function: ease;
            position: absolute;
            top: 2em;
        }
}

div.awesomplete > ul:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    width: 0;
    height: 0;
    padding: .4em;
    background: white;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.awesomplete > ul > li {
    position: relative;
    padding: 0.2em 0.5em;
    cursor: pointer;
}

    div.awesomplete > ul > li:hover {
        background: #b8d3e0;
        color: black;
    }

    div.awesomplete > ul > li[aria-selected="true"] {
        background: #3d6d8f;
        color: white;
    }

div.awesomplete mark {
    background: #eaff00;
}

div.awesomplete li:hover mark {
    background: #b5d100;
}

div.awesomplete li[aria-selected="true"] mark {
    background: #3d6b00;
    color: inherit;
}

.Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.Zebra_DatePicker {
    position: absolute;
    background: #FFF;
    border: 1px solid #999;
    z-index: 1200;
    padding: 5px;
    top: 0;
}

    .Zebra_DatePicker * {
        margin: 0;
        padding: 0;
        color: #373737;
        background: transparent;
        border: none;
        text-align: center;
    }

    .Zebra_DatePicker table {
        border-collapse: collapse;
        border-spacing: 0;
        width: auto;
        table-layout: auto;
    }

    .Zebra_DatePicker.dp_visible table tbody tr td, .Zebra_DatePicker.dp_visible table thead tr th {
        text-align: center;
        padding: 5px 0;
        background: white;
    }

    .Zebra_DatePicker td {
        cursor: pointer;
    }

        .Zebra_DatePicker td.dp_selected:not(.dp_not_in_month) {
            color: #4C758D;
            background-color: #ddd;
            font-weight: bold;
        }

        .Zebra_DatePicker td:hover:not(.dp_not_in_month) {
            color: white;
            background-color: #4C758D;
        }

    .Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker {
        margin-top: 3px;
    }

        .Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {
            width: 30px;
        }

    .Zebra_DatePicker, .Zebra_DatePicker .dp_header .dp_hover, .Zebra_DatePicker td.dp_selected, .Zebra_DatePicker .dp_footer .dp_hover, .Zebra_DatePicker td.dp_hover {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .Zebra_DatePicker th {
            text-shadow: none;
        }

        .Zebra_DatePicker.dp_visible {
            visibility: visible;
            filter: alpha(opacity=100);
            -khtml-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
            transition: opacity 0.2s ease-in-out;
            z-index: 9999999999;
        }

        .Zebra_DatePicker.dp_hidden {
            visibility: hidden;
            filter: alpha(opacity=0);
            -khtml-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
        }

        .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next {
            width: 30px;
        }

        .Zebra_DatePicker .dp_header .dp_caption {
            font-weight: bold;
        }

        .Zebra_DatePicker .dp_header .dp_hover {
            background: #DEDEDE;
            color: #373737;
        }

        .Zebra_DatePicker .dp_daypicker th {
            font-weight: bold;
        }

        .Zebra_DatePicker td.dp_not_in_month {
            color: #DEDEDE;
            cursor: default;
        }

        .Zebra_DatePicker td.dp_weekend_disabled {
            color: #DEDEDE;
            cursor: default;
        }

        .Zebra_DatePicker td.dp_selected {
            background: #039;
            color: #FFF;
        }

        .Zebra_DatePicker td.dp_week_number {
            cursor: text;
            font-weight: bold;
        }

        .Zebra_DatePicker .dp_monthpicker td {
            width: 33%;
        }

        .Zebra_DatePicker .dp_yearpicker td {
            width: 33%;
        }

        .Zebra_DatePicker .dp_footer {
            margin-top: 3px;
        }

        .Zebra_DatePicker td.dp_current {
            color: #3A87AD;
        }

        .Zebra_DatePicker td.dp_disabled_current {
            color: #3A87AD;
        }

        .Zebra_DatePicker td.dp_disabled {
            color: #DEDEDE;
            cursor: default;
        }

        .Zebra_DatePicker td.dp_hover {
            background: #DEDEDE;
        }

button.Zebra_DatePicker_Icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../img/calendar.png") no-repeat left top;
    text-indent: -9000px;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
}

button.Zebra_DatePicker_Icon_Disabled {
    background-image: url("../img/calendar-disabled.png");
}

button.Zebra_DatePicker_Icon {
    margin: 0 0 0 3px;
}

button.Zebra_DatePicker_Icon_Inside {
    margin: 0 3px 0 0;
}

.dp_today, .dp_clear {
    text-align: center;
}

#temBarra {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    z-index: 9999;
    top: 0%;
    left: 0%;
    opacity: 0.9;
    border-radius: 5px;
}

    #temBarra img {
        position: fixed;
        top: 20%;
        left: 44%;
    }

a:hover {
    cursor: pointer;
}

div.cuentas a {
    color: #4C758D;
}

#resp_fono_fijo, #resp_fono {
    width: 30%;
}

input.codigophono {
    width: 10% !important;
}

ul.ul-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.ul-nav li {
        display: inline-block;
    }

        ul.ul-nav li ul {
            display: none;
            position: absolute;
            left: -30px;
            top: 15px;
            padding-top: 10px;
        }

        ul.ul-nav li:hover ul {
            display: inline;
        }

        ul.ul-nav li ul li {
            background-color: #FFF;
            display: block;
            clear: both;
            padding: 0.2em 1em;
        }

@font-face {
    font-family: "AmaticSC";
    src: url("../fonts/AmaticSC-Bold.ttf");
    font-weight: bold;
    font-style: normal;
}

.paralelogramo {
    padding: 2% 5% 2% 5%;
    width: 330px;
    /* height: 70px; */
    background: #4C758D;
    border: 1px solid #4C758D;
    transform: skewX(-30deg);   
    margin-left: 20%; 
    margin-right: 20%;
}

.paralelogramo-cont {
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
    padding: 2%;
}

.adop-ini {
    text-align: center;
    float: left;
    color: white;
    position: absolute;
    left: 25%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "AmaticSC";
    font-size: xx-large;
}

.adop-modal {
    /*text-align: center;*/
    /* float: left;  */
    color: white;
    /* position: absolute; */
    /* left: 25%; */
    /* top: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    font-family: "AmaticSC";
    font-size: xx-large;
}

.modal-secc {
    height: auto;
    max-width: 98%;
    padding: 1em;
    border: none !important;
    box-shadow: none !important;
    border-radius: initial !important;
    background: none !important;
    margin-right: 55% !important;
}

.form-ini {
    text-align: right;
    float: right;
}

.btn-cerrar-adop {
    border: none;
    color: white;
    font-weight: bold;
    padding: 0.2em 0.9em;
    border-radius: 25px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    transition: all 0.15s;
    letter-spacing: normal;
    background-color: #04bf19;
}

.txt-conocenos {
    display: inline-block;
    color: white;
}

.txt-buscamos {
    /* display: inline-block; */
    font-size: 35px;
    text-align: center;
    color: white;
}

.txt-modal {
    display: inline-block;
    color: white;
}

.logo.pata {
    background-image: url(../img/pata.png);
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 1.25em;
    height: 1.4em;
    float: left;
    background-size: 40px;
}

.logo.casa {
    background-image: url(../img/casa.png);
    display: block;
    /* background-position: center center; */
    background-repeat: no-repeat;
    width: 1.4em;
    height: 2.2em;
    float: left;
    background-size: 45px;
}


.boton-adop {
    border: none;
    color: white;
    font-weight: bold;
    padding: 0.2em 0.9em;
    border-radius: 25px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #DB0A85;
    transition: all 0.15s;
    letter-spacing: normal;
    width: 225px;
}

.boton-adop-principal{
    margin-bottom: 130px;
    width: 360px !important;
    height: 80px !important;
}

.boton-adop-modal{
    margin-bottom: 100px !important;
}

.boton-adop:hover {
    background-color: #c30b77;
}

.modal-header-close {
    margin: 0;
    position: absolute;
    top: -10px;
    right: -15px;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    border-color: #4c758d;
    color: #111;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 1;
    z-index: 10;
}

.modal-ini {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.57);
}

/*Device Max Width (Iphone 5)*/
@media screen and (max-width: 320px) {
    .adop-ini, .form-ini {
        text-align: center;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }   

    .modal > div { height: 30% !important;}	
    .adop-ini{ display: none !important; }

}

/*Device Max Width (Iphone 5) y pantalla horizontal */
@media screen and (max-width: 568px) and (orientation: landscape) {
    .adop-ini, .form-ini {
        text-align: center;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
}

/*Device Max Width (Galaxy S5)*/
@media screen and (min-width: 321px) and (max-width: 360px) {
    .adop-ini, .form-ini {
        text-align: center;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .modal > div { height: 30% !important;}	    
    .adop-ini{ display: none !important; }
}

@media screen and (min-width: 361px) and (max-width: 450px) {
    .adop-ini, .form-ini {
        /*float:none;*/
        text-align: center;
    }

    .modal > div { height: 40% !important;}	    
    .adop-ini{ display: none !important; }

    .adop-ini { left: 50%; }

    .adop-modal {
        /*height: auto !important;*/
        position: relative;
    }

    .modal-secc {
        position: fixed;
        left: 15%;
        top: 30%;
    }
}

@media screen and (min-width: 450px) and (max-width: 668px) {
    .modal > div { height: 50% !important; }	   
    .adop-ini{ display: none !important; }
    .form-ini { text-align: center; width: 100%; }
}

/*Device Max Width (Iphone 6/7/8) y pantalla horizontal */
@media screen and (max-width: 667px) and (orientation: landscape) {
    .adop-ini, .form-ini {
        text-align: center;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

}

/*Device Max Width (Iphone 6/7/8 plus) y pantalla horizontal */
@media screen and (max-width: 736px) and (orientation: landscape) {
    .adop-ini, .form-ini {
        text-align: center;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }      
}

@media screen and (min-width: 668px) and (max-width: 768px) {
    /* .adop-ini, .form-ini {
        top: -3px;
        right: -38px;
        position: relative;
        height: 100%;
    } */

    .login form { min-height: 100%; }
    .modal > div { height: 60% !important;}	 
    .adop-ini{ display: none !important; } 
    .adop-ini{ display: none !important; }
    .form-ini { text-align: center; width: 80%; }
}

/*Device Max Width (Iphone X) y pantalla horizontal */
@media screen and (max-width: 812px) and (orientation: landscape) {
    .adop-ini, .form-ini {
        text-align: center;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
 
}

/*Device Max Width (Ipad) y pantalla horizontal */
@media screen and (max-width: 1024px) and (orientation: landscape) {
    .adop-ini, .form-ini {
        top: -16px;
        right: -64px;
    }
    
    .login h1 {
        margin: 0px auto 22px auto;
    }

}

@media all and (min-width: 48em) {
    .align-left {
        float: left;
    }
    .align-right {
        float: right;
    }
}


/*
    Inicio Bootstrap alerts
*/

.alert{
    position:relative;
    padding:.75rem 1.25rem;
    margin-bottom:1rem;
    border:1px solid transparent;
    border-radius:.25rem
}
.alert-heading{
    color:inherit
}
.alert-link{
    font-weight:700
}
.alert-dismissible{
    padding-right:4rem
}
.alert-dismissible .close{
    position:absolute;
    top:0;
    right:0;
    padding:.75rem 1.25rem;
    color:inherit
}
.alert-primary{
    color:#004085;
    background-color:#cce5ff;
    border-color:#b8daff
}
.alert-primary hr{
    border-top-color:#9fcdff
}
.alert-primary .alert-link{
    color:#002752
}
.alert-secondary{
    color:#383d41;
    background-color:#e2e3e5;
    border-color:#d6d8db
}
.alert-secondary hr{
    border-top-color:#c8cbcf
}
.alert-secondary .alert-link{
    color:#202326
}
.alert-success{
    color:#155724;
    background-color:#d4edda;
    border-color:#c3e6cb
}
.alert-success hr{
    border-top-color:#b1dfbb
}
.alert-success .alert-link{
    color:#0b2e13
}
.alert-info{
    color:#0c5460;
    background-color:#d1ecf1;
    border-color:#bee5eb
}
.alert-info hr{
    border-top-color:#abdde5
}
.alert-info .alert-link{
    color:#062c33
}
.alert-warning{
    color:#856404;
    background-color:#fff3cd;
    border-color:#ffeeba
}
.alert-warning hr{
    border-top-color:#ffe8a1
}
.alert-warning .alert-link{
    color:#533f03
}
.alert-danger{
    color:#721c24;
    background-color:#f8d7da;
    border-color:#f5c6cb
}
.alert-danger hr{
    border-top-color:#f1b0b7
}
.alert-danger .alert-link{
    color:#491217
}
.alert-light{
    color:#818182;
    background-color:#fefefe;
    border-color:#fdfdfe
}
.alert-light hr{
    border-top-color:#ececf6
}
.alert-light .alert-link{
    color:#686868
}
.alert-dark{
    color:#1b1e21;
    background-color:#d6d8d9;
    border-color:#c6c8ca
}
.alert-dark hr{
    border-top-color:#b9bbbe
}
.alert-dark .alert-link{
    color:#040505
}

.close{
    float:right;
    font-size:1.5rem;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.5
}
.close:hover{
    color:#000;
    text-decoration:none
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{
    opacity:.75
}
button.close{
    padding:0;
    background-color:transparent;
    border:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
a.close.disabled{
    pointer-events:none
}

/*
    Fin Bootstrap alerts
*/