@import url('normalize.css');
@import url('skeleton.css');
@import url('componentes.css');

body { background-color: #99A9C0; color: #333; font-family: Helvetica, Arial sans-serif;}
.lw-azul { color:#113a66;}
.lw-laranja { color:#e99019;}
.scale-with-grid { max-width: 100%; height: auto;}
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.half-top { margin-top: 15px !important; }
a { color: #333; }
a:hover { text-decoration: underline; color:#f37e17; }
.borda-esquerda { border-left: 1px solid #ccc; }
.conteudo { background-color: #eaeaea; display: block;}
.cont-sup { padding-bottom: 10px; }
.formspace { padding:15px 0 0 60px; }
.center { text-align: center; }

/*paginacao*/
.paginacao { display: block; text-align: center; padding: 20px 0 20px 0; font-size: 13px; color:#333; }
.paginacao a { margin: 0 1px 0 1px; border: 1px solid #ccc; padding: 5px 7px 5px 7px; text-decoration: none; }
.paginacao a:hover { background-color: #ffe1bb; color:#333; }
.pag_atual { font-weight: bold; margin: 0 5px 0 5px; border: 1px solid #ccc; padding: 5px 7px 5px 7px; background-color: #ddd; }

/*icones*/
.icon-th-list{background-position: -264px 0;}
.icon-user{background-position: -168px 0;}
.icon-book{background-position: -48px -48px;}
.icon-list-alt{background-position: -264px -24px;}
.icon-retweet{background-position: -336px -120px;}
.icon-envelope{background-position: -72px 0;}
.icon-file{background-position: -24px -24px;}
.icon-star{background-position: -120px 0;}
.icon-plus{background-position: -408px -96px;}
.icon-print{background-position: -96px -48px;}
.icon-share{background-position: -120px -72px;}
.icon-time{background-position: -48px -24px;}
.icon-home{background-position: 0 -24px;}
.icon-envelope{background-position: -72px 0;}
.icon-remove{background-position: -312px 0;}
.icon-chevron-up{background-position: -288px -120px;}
.icon-chevron-down{background-position: -313px -119px;}

#boxcarregando {
    width: 200px;
    position: fixed;
    top:0;
    left: 50%;
    margin-left: -100px;
    z-index: 10;
    font-size: 13px;
    background-color: #f1f1b5;
    text-align: center;
    padding: 10px;
    display: none;
    border: 1px solid #cccccc;
}

.alerta{
/*    AMARELO*/
    background-color:#fcfce2;
    border:1px solid #fbf4d4;    
/*    color:#908825;*/
    color:#534d0a;
    margin: 20px;
    padding: 20px;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;    
    text-align: center;
}

.informacao{
/*    AZUL*/
    background-color:#eef9ff;
    border: 1px solid #caf5ff;
/*    color:#4d90b3;*/
    color:#386480
}

.sucesso{   
/*    VERDE*/
    background-color:#eef8e3;
    border: 1px solid #e8f3cf;
/*    color:#5d9119;*/
    color:#40660f;
}

.erro{    
/*    VERMELHO*/
    background-color:#ffeded;
    border: 1px solid #ffdee3;
/*    color:#e15856;*/
    color:#b53734;
}

/*topo*/
.container-topo {
    background-color: #f2f7ff;
    background-image: linear-gradient(bottom, rgb(242,247,255) 0%, rgb(223,231,240) 53%);
    background-image: -o-linear-gradient(bottom, rgb(242,247,255) 0%, rgb(223,231,240) 53%);
    background-image: -moz-linear-gradient(bottom, rgb(242,247,255) 0%, rgb(223,231,240) 53%);
    background-image: -webkit-linear-gradient(bottom, rgb(242,247,255) 0%, rgb(223,231,240) 53%);
    background-image: -ms-linear-gradient(bottom, rgb(242,247,255) 0%, rgb(223,231,240) 53%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(242,247,255)),color-stop(0.53, rgb(223,231,240)));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f7ff', endColorstr='#dfe7f0');
}
.topo { background-color: none; }
.logotipo { padding: 20px 15px 10px 15px; }
.btn-a { text-decoration: none; }

/*centro*/
.centro { background-color: #fff; border: 1px solid #c6c6c6; min-height: 500px; }
.columns.centro { margin-left: 9px; margin-right: 9px;}

.breadcrumb { list-style: none; margin: 0; font-size: 12px; color:#333; padding:3px 0 3px 20px; background-color: #e1e1e1; border-bottom: 1px solid #c6c6c6; }
.breadcrumb li { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; line-height: 20px; }
.breadcrumb .divider { padding: 0 5px; color: #999; }
.breadcrumb li.active { color:#999;}

.tit-1 {
    font-size: 19px;
    line-height: 26px;
    color:#333;
    margin: 0 20px 0 20px;
    padding: 25px 0 15px 15px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.tit-2 {
    font-size: 17px;
    color:#333;
    margin: 0;
    padding: 20px 0 20px 30px;}
.subtit-1 {
    font-size: 17px;
    color:#113a66;
    margin: 0;
    padding: 35px 0 10px 30px;
}
.subtit-2 {
    font-size: 17px;
    color:#113a66;
    margin: 25px 25px 5px 25px;
    padding: 10px 10px 10px 25px;
    border-bottom: 1px solid #d8d8d8;
}
.tit-destaque {
    color:#DA7319;
}
.veja-mais {
    margin: 0;
    text-align: right;
    padding: 10px 20px 10px 0;
    font-size: 14px;
}
.txt {
    margin:0;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    padding: 15px 10px 5px 40px;
}

/*inferior*/
.inferior { border-top:8px solid #99A9C0; }
.menu-inferior { background-color: #fff; }
.rodape {
    background-color: #113a66;
    color:#e1e1e1;
    text-align: center;
    font-size: 12px;
    padding: 30px;
}

/*login*/
.box-login {
    background-color: #e1e1e1;
    min-height: 57px;
    padding: 0 0 0 0;
    text-align: center;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.frmlogin {
    padding: 13px 0 0 0;
}
.ln-login {
    margin:0;
    padding: 5px 5px 0 5px;
    text-align: center;
    font-size: 13px;
}

/*menu site*/
.menu-site {
    margin:0;
    padding: 20px 20px 0 0;
    text-align: right;
    font-size:0px;
}
.menu-site li {
    display: inline;
    font-size: 12px;
    margin-right: 10px;
}
.menu-site li a {
    margin-left: 10px;
    color:#333;
    text-decoration: none;
}
.menu-site li a:hover {
    text-decoration: underline;
    color:#f37e17;
}

/*menu produtos*/
.menu-produtos {
    background-color: #113a66;
    background-image: url('../img/bg-menu-produtos.jpg');
    border-top: 2px solid #E99019;
    border-right: 1px solid #052447;
    border-bottom: 1px solid #052447;
    border-left: 1px solid #052447;
    text-align: center;
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    font-size:0px;
}
.menu-produtos li {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    width: 186px;
    margin: 0;
    border-right: 1px solid #052447;
    text-align: center;
    list-style: none;
    background-image: url('../img/bg-menu-produtos.jpg');
    font-family: verdana,Helvetica, Arial sans-serif;
}
li.no-border-right {
    border-right: 0;
}
.menu-produtos li a {
    color:#fff;
    text-decoration: none;
    display:block;
    width: 100%;
}
.menu-produtos li a:hover {
    background-color: #f37e17;
    background-image: url('../img/bg-menu-produtos-hover.jpg');
    text-decoration: none;
}
.menu-produtos .click {
    background-image: url('../img/bg-menu-produtos-click.jpg');
}


/*menu inferior*/
.menu-inferior {
    padding-bottom: 20px;
    padding-top: 20px;
}

.menu-inferior h5 {
    color:#113a66;
    padding: 10px 0 5px 20px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}
.menu-inferior p {
    color: #333;
    padding: 10px 0 10px 30px;
    font-size: 12px;
    margin: 0;
}
.menu-inferior a {
    color: #333;
    text-decoration: none;
}
.menu-inferior a:hover {
    text-decoration: underline;
    color:#f37e17;
}
.legenda{
    font-size: 12px;
}

/*table*/
.table-titulo .column, .table-titulo .columns, .table-dados .column, .table-dados .columns { 
    margin: 0;
}
.table-titulo { background-color:#4d90b3; color: #fff; font-weight: bold; font-size: 13px; float:left; }
.table-dados { float:left; font-size: 13px; }
.table-titulo .item { padding: 8px 0 8px 0; text-align: center; }
.table-dados .item { padding: 8px 5px 8px 5px; text-align: center; }
.table-dados.par { background-color:#e1e1e1; }
.table-dados.impar { background-color:#f2f2f2; }
.table-dados .link { text-decoration: none; display:block; }

/*campos form*/
.cmp_label {
    text-align: right;
    font-weight: bold;
    padding:10px 5px 10px 5px;
    font-size: 14px;
    line-height: 26px;
}
.cmp_valor {
    text-align: left;
    padding:10px 5px 10px 5px;
    font-size: 15px;
    line-height: 26px;
}

/*responsive*/
@media only screen and (max-width: 767px) { /*  #Mobile (Portrait e Landscape) - 320px e 480px */
    .columns.centro { margin:0; border-right: 0; border-left: 0; }
    .box-login { border-top: 1px solid #c4c4c4; padding-bottom: 10px; margin-bottom: 10px;}
    .box-login input[type="text"], .box-login input[type="password"] { display: block; position: relative; margin: 5px 0 5px 10px ; width: 90%;}
    .box-login input[type="submit"] { display: block; margin: 5px 0 0 20px;}
    .menu-site { display:none;}
    .menu-produtos li { display:inline-block; border:0; width: 100%; }
    .formspace { padding:15px 0 0 20px; }
    .paginacao { font-size: 11px; line-height: 40px; }
    .paginacao a { margin: 0 1px 0 1px;  }
    .cmp_label, .cmp_valor { text-align: center; padding:3px; line-height: 20px; }
    .cmp_valor { margin-bottom: 15px; }
    .alerta{ margin: 0; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) { /* #Mobile (Landscape)- 480px */
    .columns.centro { margin:0; border-right: 0; border-left: 0; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) { /* #Tablet (Portrait) - 768px*/
    .menu-produtos li { width: 150px; font-size: 11px;}
    .menu-site li { font-size: 10px;}
    .menu-site li a { margin-left: 5px;}
    .paginacao { font-size: 11px; line-height: 40px; }
    .paginacao a { margin: 0 1px 0 1px;  }
}