*{
    margin:0;
    padding:0;
}

html,body{
    min-height:100%;
}

.footer {
    position:fixed;
    bottom:0;
    width:100%;
    height: 20px;
    background-color: #000;
    color: #FFF;
    text-align: center;
    font-size: 11px;
}

.footer span{
    font-style: italic;
}

body {
    font-family: Calibri,Helvetica,Arial,sans-serif;
    margin: 0px;
    padding: 0;
    color: #616161;
    background: url("#{resource['imagens:bg.png']}") repeat 0 0;
}

h1, h2, h3 {
    margin-top: 0;
}

h1{
    font-weight:normal;
    font-size:270%;
    margin:.8em 0 .2em;
    letter-spacing:-0.04em;
}

h2{
    font-weight:normal;
    font-size:120%;
    margin:0;
    color: #cc780a;
    vertical-align: middle;}

h3{
    font-size:160%;
    font-weight:normal;
    margin:.7em 0 .2em;
    letter-spacing:-0.02em
}

h4{
    font-size:120%;
    font-weight:normal;
    margin:0 .7em 0.1em .8em;
    letter-spacing:0.14em;
    color: #006666;
}

h5{
    font-family:"Palatino Linotype", Georgia, Serif;
    font-size:140%;
    font-weight:bold;
    margin:.5em 0 .2em;
    letter-spacing:-0.02em;
}

h6{
    font-size:120%;
    font-weight:bold;
    text-transform:uppercase;
    margin:0;
    letter-spacing: 0.05em;
}

h7{
    font-size:120%;
    font-weight:bold;
    margin:.5em 0 .2em;
}

ul {

}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

img.left {
    float: left;
    margin: 0 20px 0 0;
}

img.right {
    float: right;
    margin: 0 0 0 20px;
}

label{
    font-weight: bold !important;
    margin-right: 5px;
}

img{
    vertical-align: middle;
    border: 0;
}

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

.alinhar_centro{
    text-align: center;
}

#container_login{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left:-176px;
    margin-top:-95px;    
}

#header_top{
    background: url("#{resource['imagens:header_top_bg.png']}") repeat-x 0 0;
    color: #fff;
    height: 25px;
    border-bottom: 1px inset #fff;
    font-size: 13px;
}

#header_top .data{
    margin-left: 5px;
    font-style: italic;
    font-weight: bold;
    padding-top: 5px;
    display: inline-block;
    color: #FFF; 
}

#header_top .user{
    display: inline-block;
    float: right;
    margin-right: 5px;
    font-style: italic;
    font-weight: bold;
    padding-top: 5px;
}

#header {
    background: url("#{resource['imagens:header-bg.png']}") repeat-x 0 0;
    border-bottom: 1px solid #16222C;
    color: #FFF; 
    height: 60px; 
}

#header .esquerda{
    float: left;
    width: 350px;
    margin: 5px;
    position: absolute;

}

#header .direita{
    width: 300px;
    float: right; 
    margin-right: 10px;
    font-size: 80%; 
    text-align: right;
    overflow: hidden;
    text-shadow: 0.1em 0.1em #000
}

.logo{
    display: inline-block;
    width: 50px;
    height: 50px;
}

.logo img{
    max-height: 50px;
    max-width: 50px;
}

.titulo{
    display: inline-table;
    text-align: center;
    letter-spacing: .1em;
    padding: 5px;
    text-shadow: 0.1em 0.1em #000
}

.subtitulo{
    font-size: 80%;
    font-style: italic;
}

.copyright{
    font-size:11px;
    color:#006060;
    font-weight: bold;
    text-shadow: 0.1em 0.1em #fff;
}

.clear { 
    clear: both; 
}

.shadow_white{
    text-shadow: 0.1em 0.1em white;    
}

.shadow_black{
    text-shadow: 0.1em 0.1em black;
}

.usuario {
    background: url("#{resource['imagens:campo_usuario.png']}") no-repeat !important;
    background-position: top left !important;
    padding-left: 35px !important;
    font-weight: bold !important;
}

.senha {
    background: url("#{resource['imagens:campo_senha.png']}") no-repeat !important;
    background-position: top left !important;
    padding-left: 35px !important;
    font-weight: bold !important;
}

.alinhar_topo tr{
    vertical-align: top !important;
}

.table_atualizacoes td{
    width: 50% !important;
}

.table_publicacao td{
    min-width: 170px !important;
    border-bottom: 1px dotted black;
}

.tableConsultaSql{
    overflow:scroll !important;
    max-height: 320px !important;
}

.consultaSQL .ui-datalist-item{
    list-style: none;
    padding: 10px;
}

.widgetlist { list-style: none; }
.widgetlist li { display: inline-block; float: left; width: 140px; margin: 0 10px 10px 0; }
.widgetlist li a { display: block; padding: 15px; border: 1px solid #008080; color: #333; text-align: center; background: #F5FAFA; height: 80px;}
.widgetlist li a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 0 #fff; color: #008080; }
.widgetlist li a span { font-weight: bold; font-size: 12px; display: block; margin-top: 10px; }
.widgetlist li a:hover { -moz-box-shadow: 0 0 4px #ddd; background: #FAFFFA; text-decoration: none; }
.widgetlist img{height: 48px;width: 48px;}

.maincontent {position: relative; color: #333; }
.maincontent .left { padding: 10px 10px; overflow: hidden; }
.maincontent .right { padding: 20px 0; padding-right: 15px; overflow: hidden; }
.maincontent .right .widgetbox:last-child { margin-bottom: 0; border-bottom: 0; }