.html { background:#333 !important; }

.menu-superior { background:#F5F5F5; border-radius:3px; margin:2px; height:80px; }

.menu-lateral { min-width:200px !important; border-radius: 3px; vertical-align:top; }
.list-menu-lateral { list-style:none; margin:-1px; padding:0; margin-bottom:5px; background:#F5F5F5; border-bottom-left-radius:3px; border-bottom-right-radius:3px; }
.list-menu-lateral li {  border-bottom:1px Solid #DDD; border-bottom-left-radius:3px; border-bottom-right-radius:3px; }
.list-menu-lateral li a { display:block; padding:8px 5px 8px 15px; color:#333; }
.list-menu-lateral li a:hover { text-decoration:none; background:#EEE; }

.conteudo { vertical-align:top; background:#FFF; width:100% !important; min-height:300px !important; border-radius: 3px; padding-bottom:150px; }
.cont { padding:15px; min-height:300px !important; }
.sub-cont { padding:10px; background:#F5F5F5; border:1px Solid #DDD; border-radius:3px; }



h1 { background:#96c520; margin:-1px !important; color:#FFF !important; font-size:16px !important; line-height:22px !important; padding:9px; padding-left:15px; border-radius:3px; }
h2 { background:#2889c7; margin:-1px !important; color:#FFF !important; font-size:16px !important; padding:9px; line-height:22px !important; padding-left:15px; border-radius:3px; }
h3 { background:#333; margin:0 !important; color:#FFF !important; font-size:14px !important; padding:7px; padding-left:15px; border-radius:3px; line-height:18px !important; }
h4 { background:#2889c7; margin:0 !important; color:#FFF !important; font-size:12px !important; padding:7px; padding-left:15px; border-radius:3px; line-height:14px !important; }

.permissao-modulo { padding:15px; border:1px Solid #DDD; background:#F5F5F5; margin-bottom:25px; }
.permissao-modulo .uk-table th { line-height:10px; background:#777; }
.permissao-modulo .uk-table { margin-bottom:15px; }

.login-logo { padding-top:25px; padding-bottom: 25px; }
.login-logo img { margin:auto; }
.login-painel { background:#F5F5F5; border-radius: 3px; margin-top:20px; }
.area-login { padding:20px; }


.crop {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.crop img {
    position: absolute;
    left: 50%;
    top: 50%;

    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.crop img.retrato {
    width: 100%;
    height: auto;
}




.cont-pagina { margin-top:30px; }
.cont-pagina div { display:block !important; }
.cont-pagina table { max-width:1220px; width:100% !important; }
.cont-pagina a { word-wrap: break-word; !important; }
.cont-pagina table td { vertical-align:top; }
.cont-pagina em { color:inherit; }
.cont-pagina a { color:#111; }

.nova-linha { display:block; clear:both; }



/* **************************** VELHO

.row { margin:0 !important;  }
.col { padding:0 !important; }
.col-layout { padding:2px !important; padding-right:3px !important; }

.form-horizontal input { padding:3px !important; }

.error-form { margin-bottom:20px !important; }



h1 { background:#96c520; margin:0; color:#FFF; font-size:16px; line-height:22px; padding:9px; padding-left:15px; border-radius:3px; }
h2 { background:#2889c7; margin:0; color:#FFF; font-size:16px; padding:9px; padding-left:15px; border-radius:3px; }
h3 { background:#333; margin:0; color:#FFF; font-size:14px; padding:7px; padding-left:15px; border-radius:3px; }
h4 { background:#2889c7; margin:0; color:#FFF; font-size:12px; padding:7px; padding-left:15px; border-radius:3px; }

h6 { background:#333; color:#FFF; border-radius:3px; padding:12px 12px 12px 15px; margin:0; margin-top:15px; }


.login-logo { padding-top:25px; padding-bottom: 25px; }
.login-logo img { margin:auto; }
.login-painel { background:#F5F5F5; border-radius: 3px; margin-top:20px; }
.area-login { padding:20px; }


.menu-superior { background:#F5F5F5; border-radius:3px; height:80px; }
.nav-superior { display:block; padding-top:10px; }
.navbar { margin-bottom:0 !important; }
.navbar a { color:#444 !important; }


.area-conteudo { background:#FFF; border-radius:3px; }
.cont { padding:15px; margin-bottom:50px; padding-bottom:80px; }


.usuario-status-1 { background:#090; }
.usuario-status-2 { background:#C00; }


.overlay { background:#000; position:fixed; width:100%; height:100%; opacity:0.3; z-index:999; display:none; }
.menu-mobile-geral { position:fixed; top:1px; left:-280px; background:#EAEAEA; overflow-y:auto; margin-bottom:1px; width:260px; height:100%; z-index:1000; box-shadow:3px 3px 8px #333; transition: ease-in-out 0.3s left; }
.menu-mobile-superior { position:fixed; top:1px; right:-280px; background:#EAEAEA; overflow-y:auto; margin-bottom:1px; width:260px; height:100%; z-index:1000; box-shadow:3px 3px 60px #333; transition: ease-in-out 0.3s right; }

.menu-mobile-superior a { display:block; padding:9px 9px 9px 15px; background:#FFF; border-bottom:1px Solid #DDD; color:#333; }


.menu-lateral { background:#F5F5F5; border-radius:3px; }
.menu-lateral a { color:#333; }
.menu-lateral a:hover { background:#DDD !important; }