body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, legend { margin: 0; margin-bottom: 0px; padding: 0; line-height: inherit; }
body::before {opacity: 0; top: 0; left: 0; right: 0; position: fixed; z-index: 999998; background: rgba(255,255,255,0.8); content: ''; animation-duration: .5s; }
:last-child {margin-bottom: 0 !important; }
body {font-size: 10px; background: #f2f2f2 !important; }
html, body {min-height: 100%; height: 100%; background: none; font-family: "PT Sans", sans-serif; color: #555555; -webkit-text-size-adjust: 100%; }
a {outline: 0 !important; text-decoration: none; color: #333333; }
#pre{ overflow-x: hidden; }

#historialArtVistos[data-show=on] { display: none; }

#clienteLogin #wrapper { height: 100vh; display: flex; flex-direction: column; }
#clienteLogin #wrapper > .cnt { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 20px; box-sizing: border-box; }
#clienteLogin #logo img { width: 200px; height: auto; margin-bottom: 30px !important; }
#clienteLogin .btnLogin { color: #6e946c; }

#clienteLogin .banner img { width: 100%; height: auto; }

.frmCompacto { max-width: 450px; width: 100%; }
.frmCompacto .frm01 { width: 100%; }
.frmCompacto .frm01.lblLeft .fld {font-size: 13px; margin-bottom: 10px; line-height: 20px; }
.frmCompacto .frm01 .fld-grp > *, .frm01 .fld {margin-bottom: 10px; font-size: 12px; line-height: 20px; }
.frmCompacto .frm01 .fld > .lbl > b {float: left; width: 100%; padding: 10px 0; }
.frmCompacto .frm01 .fld > .lbl > b {color: #000000; font-weight: bold; display: block; line-height: 20px; padding: 10px 0 5px 5px; }
.frmCompacto .frm01 .fld > .lbl input:not([type="radio"]):not([type="file"]):not([type="checkbox"]) {width: 100%; ; font-family: "PT Sans",sans-serif; font-size: 13px; line-height: 20px; height: 40px; border-radius: 3px; box-sizing: border-box; border: none; background: #ffffff; padding:0 10px; }
.frmCompacto .frm01 .actions {text-align: center; margin-top: 30px; }
.frmCompacto .frm01 .actions .btn01 {padding: 0 25px; font-weight: bold; border-radius: 3px; color: #ffffff; line-height: 40px; font-size: 14px; letter-spacing: .5px; background: #6e946c; display: block; width: 100%; white-space: nowrap; text-transform: uppercase; text-align: center; font-family: "PT Sans",sans-serif; cursor: pointer; border: none; }
.frmCompacto .frm01 label.toggleButton {position: relative; padding: 10px 0 10px 28px; display: inline-block; margin-right: 20px; }
.frmCompacto .frm01 label.toggleButton > input {position: absolute; opacity: 0; -webkit-appearance: radio; }
.frmCompacto .frm01 label.toggleButton > input + b {line-height: 20px; font-weight: normal; }
.frmCompacto .frm01 label.toggleButton > input[type="checkbox"]:checked + b::before {content: '\e80C'; color: #333333; font-family: "FIconos"; text-align: center; line-height: 18px; font-size: 15px; }
.frmCompacto .frm01 label.toggleButton > input + b::before {cursor: pointer; border-radius: 2px; content: ''; display: block; float: left; width: 20px; height: 20px; margin-left: -28px; background-color: #ffffff; }
.frmCompacto > .blk .frm01 .actions > .btnOlvideContrasena {display: inline-block; margin-top: 20px; line-height: 15px; font-size: 12px; }
.frmCompacto > .blk > .hdr > .tit {line-height: 20px; font-size: 16px; text-align: center; font-weight: bold; }
.frmCompacto > .blk .frm01 .actions > .opcion {line-height: 20px; font-size: 12px; margin-top: 10px; }

/* mensajes */
.frmCompacto .msg {border-radius: 3px; padding: 9px; padding-left: 45px; position: relative; margin: 15px 0 15px; }
.frmCompacto .msg.err {background: rgba(220,46,38,0.8); }
.frmCompacto .msg.ok {background: rgba(120,180,50,0.8); }
.frmCompacto .msg.err::before {content: '\e80D'; }
.frmCompacto .msg.ok::before {content: '\e80C'; }
.frmCompacto .msg::before {font-family: "FIconos"; position: absolute; width: 20px; line-height: 20px; top: 9px; left: 10px; text-align: center; color: #ffffff; background: none; font-size: 16px; }
.frmCompacto .msg > p {line-height: 20px; font-size: 12px; color: #ffffff; font-weight: normal; }
.banner[data-area="Bienvenida"] img {width: auto; justify-content: center; display: flex; margin: 0 auto; }

@media (max-width: 640px) {
	#clienteLogin #logo img { width: 170px; margin-bottom: 15px !important; }
}