html {background-color: hsl(180, 28%, 65%);}
body {font-family: 'Roboto', serif; font-size:16px; line-height: 1.6em; font-weight: 400; color:hsl(190, 18%, 59%); background:url(../img/3.png); padding:100px 20px 300px; background-size: cover; background-attachment: fixed; min-height: 100vh;}
h1,h2,h3 {font-weight: 800; font-family: 'Roboto', serif; display: block;}
h1 {font-size: 24px; color:hsl(190, 18%, 59%); padding:4px 0 24px;}
h2 {font-size: 24px; color:hsl(190, 18%, 59%); padding:4px 0 15px;}
h3 {font-size: 15px; color:hsl(190, 18%, 59%); padding:4px 0px 14px 15px; margin:0;}
p {line-height: 1.8em;}
a {color:hsl(190, 18%, 59%); transition: all ease 0.4s;}
p a, .notas a {text-decoration: underline;}
a:hover {text-decoration:none;}
.blanco {color:#fff!important;} .bg-blanco {background-color:#fff!important;}
.negro {color:#485858!important;} .bg-negro {background-color:#485858!important;}
.azul {color:hsl(180, 28%, 65%)!important; border-color:hsl(180, 28%, 65%)!important;} .bg-azul {background-color:hsl(180, 28%, 65%)!important;}
.verde {color:hsl(180, 28%, 65%)!important; border-color:#45a0d8!important;} .bg-verde {background-color:hsl(203, 65%, 80%)!important;}
.rojo {color:#f00!important; border-color:#f00!important;} .bg-rojo {background-color:#f00!important;}
.amarillo { color: #ffdd57 !important;} .bg-amarillo { background-color: #ffdd57 !important;}
.gris {color: hsl(180, 28%, 65%)!important;} .bg-gris {background-color:hsl(180, 65%, 75%)!important;}
.bg-gradiente {background: linear-gradient(to right, hsla(180, 28%, 65%,0.5),hsla(200, 28%, 75%,0.5))!important;}
.relleno polygon { fill:hsl(190, 18%, 59%); }

.wrapper {box-shadow: 0 0 15px rgba(0,0,0,0.2), 0 0 3px rgba(0,0,0,0.2); max-width: 1200px; margin:0 auto; border-radius: 15px; overflow: hidden;}
.uk-navbar {padding-left:40px; padding-right: 40px; z-index: 10;}
.uk-navbar-nav>li>a {font-family: 'Roboto', serif; font-weight: bold; letter-spacing: 0.03em; font-size:18px; line-height: 1.6em; text-transform: none; color:hsl(183, 50%, 90%); transition: all ease .4s;}
.uk-navbar-nav>li>a.act,
.uk-navbar-nav>li>a:hover {color:#fff; text-shadow: 0 0 3px hsl(0, 0%, 0%,.3)}
a.uk-logo {font-family: 'Roboto Slab', serif; text-transform: none; font-size: 24px; color:#fff; font-weight: 800;}
a.uk-logo:hover {color:#eee;}
a.uk-logo em {font-size: 16px; display: block; padding-left: 30px; font-weight: 400;}
.blanco a {color:#fff!important;}
.logo {display: inline-block; width: 70px; height: 20px; overflow: hidden; border-radius: 10px; border: 3px solid #fff; margin-right: 20px;}
.logo div {width: 35px; height: 20px; background-color: #fff; transition: all ease .4s;}
a:hover .logo div {background-color: #eee;}
.uk-nav-divider {border-color:#444;}
hr {border-width: 1px; border-color:#222; border-style: dashed;}
.dia {font-weight: 400; padding:10px 0 12px; border-top: 0px solid #222; display: block;}
.dia span {color:#ccc;}
.mes {font-weight: 800; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.1em; color:hsl(190, 18%, 59%);}
.resumen .uk-icon {margin-left: 15px; display: inline-block;}
.resumen .fecha {white-space: nowrap;}
.resumen .fecha .uk-icon {margin: 0; white-space: nowrap;}
.tito {font-weight: 800; margin-bottom: 30px; padding-bottom: 10px; display: block; color:#666; font-size: 20px;}
.thumb {width: 100px; height: 100px; border-radius: 50%; margin-right: 20px; display: inline-block; vertical-align: middle; overflow: hidden; box-shadow:0 5px 5px rgba(0,0,0,.2);
border:4px solid #eee;}
.thumb img {width: 100%; height: auto;}
/* Regla */
.regla {overflow: hidden; border-radius: 15px; width:100%; text-align: right; background-color:hsla(0, 0%, 94%, 0.5); margin:0 0 20px;
        box-shadow: inset 0 2px 3px rgba(0,0,0,0.2), inset 0 -2px 3px rgba(255,255,255,0.2);}
  .regla.md {width: 75%;}
  .regla.pq {width: 50%;}
.regla > div {width: 30px; height: 25px; display: block; float: left; margin:0;}
.regla span {display: inline-block; padding:1px 10px 0 0; color:#ccc;}
.regla > div > span {color:#8dbfbf;}
/* Movimientos */
.movimientos {border-top: 0px solid #eee; padding: 0 35px 25px;}
.pantalla {padding:10px; text-align: right; background-color: hsl(187, 20%, 82%); border-radius: 30px;}
.saldo {font-size: 30px; font-weight: bold; color:#fff; display: inline-block; vertical-align: middle; padding-right: 30px;}
/* Banda */
.banda {display: block; padding:25px 70px 5px 25px; border-radius: 30px 0 0 30px; box-shadow: inset 0px 3px 3px rgba(0,0,0,.2); 
  color:#6f8590; margin:0 -70px 10px 0px; background-color: #e4eaea; word-spacing: 10px;}
.banda a {color:hsl(190, 18%, 59%);}
.banda a span {display:inline-block; width:100%;}
.banda a span.resultado {font-size: 20px; font-weight: bold; text-align: right; display: block;}
.uk-accordion li {border-bottom: 0px solid #fff; padding-bottom: 0px;}
.uk-accordion-title {font-size: 1rem;}
.uk-accordion-content {padding-bottom: 30px;}
.uk-accordion-title::before {display: none;}
/* Resumenes */
.resumen {color:hsl(190, 18%, 59%); box-shadow: 0px -3px 3px rgba(0,0,0,.2); display: block; border-radius: 15px 15px 0 0; padding:20px 35px 20px 35px;}
.accordion {cursor: pointer;padding: 18px;width: 100%;text-align: center;outline: none;transition: 0.4s; box-shadow: none; background-color: transparent; border:0px; color:hsl(190, 18%, 59%);}
.panelito {padding:0;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
/* Listado en cuentas */
td.fecha {color:#ddd;}
td.importe {text-align: right;}
/* proyectos */
a.sub-nav {text-transform: uppercase; letter-spacing: .05em; font-size: 14px; padding: 5px 25px 5px 0; display: inline-block; color:#ddd;}
a.sub-nav.act,
a.sub-nav:hover {color:hsl(190, 18%, 59%); font-weight: bold;}
.propuesta {overflow: hidden; border-radius: 15px; width:100%; height: 25px; text-align:center; border:1px solid #ddd; color:#485858;;
            margin:0 0 20px; padding: 0px; text-transform: uppercase; font-size: 14px; letter-spacing: .2em;}
.pre-caja {width: 373px; position: relative;}
.caja {border:0px solid #eee; border-radius: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 3px rgba(0,0,0,0.1); overflow: hidden; transition: all ease .4s;}
a:hover .caja {box-shadow: 0 0 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1); background: hsla(0, 0%, 94%, 0.5);}
.planificar {width: 20px; height: 20px; border-radius: 50%; background-color: #fff; position: absolute; top:10px; right:10px; box-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 3px rgba(0,0,0,0.1); z-index: 10;}
.planificar.act {background-color:hsl(190, 18%, 59%);}
.cabeza {padding: 30px 30px 10px; background: hsla(0, 0%, 94%, 0.5); color:hsl(190, 18%, 59%);}
.cabeza h2 {color:hsl(190, 18%, 59%)!important;}
.cabeza small {text-transform: uppercase; font-size: 14px; letter-spacing: .1em; font-weight: 200;}
.cuerpo {padding: 30px;}
.cara {text-align: right;}
.cara .thumb {margin:-90px 0 0 auto; box-shadow: none; border-color: #fff;}
.precio {font-size: 20px; font-weight: bold; color:hsl(190, 18%, 59%); margin-top: -40px; margin-bottom: 50px;}
/* Proyecto */
.notas {padding:15px 25px; border-radius: 15px; background-color: #a5c5ca38; margin-top: 50px;}
.pasta {color:hsl(190, 18%, 59%)!important; font-size: 24px; font-weight: bold; padding-bottom: 10px; display: block;}
span.tipo {text-transform: uppercase; font-size: 14px; letter-spacing: .1em; font-weight: 200; padding-bottom: 10px; display: block;}
/* dropdown */
.uk-dropdown {max-width: 340px; min-width: 300px; border-radius: 15px; overflow: hidden;}
.uk-icon {vertical-align:text-bottom; margin-right: 5px;}
/* Gráfico */
.grafico {overflow: hidden;}
.grafico > div {width: 10px; display: block; float: left; margin:0 0px 10px 0; border-bottom: 3px solid #222;}
.logo-pe {max-width: 240px;}
tr.propuesta {color:#aaa;}
.uk-table-divider>:first-child>tr:not(:first-child), 
.uk-table-divider>:not(:first-child)>tr, 
.uk-table-divider>tr:not(:first-child) {
    border-top: 0px solid #e5e5e5;
}
.form-inline {display: inline;}
.uk-section {padding-top: 0px; padding-bottom: 0px;}
.uk-section > .uk-container {background-color: #fff; padding:60px;}
a.uk-badge {background-color: #a8c7cd; color:#fff; padding:15px 20px 16px; margin-top: 0px;
            font-size:11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.9px;}
a.uk-badge.bg-gris {color:hsl(190, 18%, 59%);}
a.pryt {text-decoration: none;}
.mov {font-weight: 400; margin-left:20px;}
.uk-select.javi {background-color: #99c0bf2e;}