body
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
    background: #EFEFEF;
}

#page
{
    margin-top: 5px;
    margin-bottom: 5px;
    background: white;
    border: 1px solid #C9E0ED;
}

#header
{
    margin: 0;
    padding: 0;
    border-top: 3px solid #C9E0ED;
}

#content
{
    padding: 0px 0px 50px 0px;
}

#sidebar
{
    padding: 20px 20px 20px 0;
}

#footer
{
    padding: 10px;
    margin: 10px 20px;
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid #C9E0ED;
}

#logo
{
    padding: 10px 20px;
    font-size: 200%;
}

/*#mainmenu
{
        background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
        padding:6px 20px 5px 20px;
        margin:0px;
}

#mainmenu ul li
{
        display: inline;
}

#mainmenu ul li a
{
        color:#ffffff;
        background-color:transparent;
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
        color: #6399cd;
        background-color:#EFF4FA;
        text-decoration:none;
}*/

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 0px 20px 0px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet
{

}

.portlet-decoration
{
    padding: 3px 8px;
    background: #B7D6E7;
    border-left: 5px solid #6FACCF;
}

.portlet-title
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #298dcd;
}

.portlet-content
{
    font-size:0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    background:#EFFDFF;
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
    padding: 2px 0 4px 0px;
}

.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li
{
    padding-bottom: 2px;
}

.operations li a
{
    font: bold 12px Arial;
    color: #0066A4;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited
{
    color: #0066A4;
}

.operations li a:hover
{
    background: #80CFFF;
}

/* CSS NOVO */
.right {
    float: right;
}

.left {
    float: left;
}

.fieldset
{
    border: 1px solid #DDD;
    padding: 10px;
    margin: 0 0 10px 0;
    clear: both;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    font-weight: bold;

}
form .largo {
    width: 315px;
}

form .xlargo {
    width: 600px;
}

.remove_parents {
    background-image: url('/images/delete.png');
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.remove_opcao_parents {
    background-image: url('/images/delete.png');
    width: 16px;
    height: 16px;
    cursor: pointer;
}


/**
 * MENU User groups
*/
.userGroupsMenu-container {
    border:2px solid #4D9AC6;
    display:table;
    border-radius:10px 10px / 10px 10px;
    -moz-border-radius:10px 10px / 10px 10px;
    margin:0px auto 20px;
}
.userGroupsMenu {
    margin:0px;
    padding:0px;
    display:table-row;
    overflow:hidden;
}
.userGroupsMenu li:first-child {
    border-radius:5px 0px 0px 5px / 5px 0px 0px 5px;
    -moz-border-radius:5px 0px 0px 5px / 5px 0px 0px 5px;
}
.userGroupsMenu li.last {
    border-radius:0px 5px 5px 0px / 0px 5px 5px 0px;
    -moz-border-radius:0px 5px 5px 0px / 0px 5px 5px 0px;
}
.userGroupsMenu li {
    padding:4px 8px;
    display: table-cell;
    width:120px;
    text-align:center;
}

.userGroupsMenu a {
    color:#000;
    text-decoration:none;
}

.userGroupsMenu li:hover, .userGroupsMenu li.active {
    background:#4D9AC6;
}
.userGroupsMenu li:hover a, .userGroupsMenu li.active a {
    color:#fff;
    text-decoration:underline;
}

/* fim menu */

/* form */
div.form .row span input {
    float: left !important;
    margin-right: 4px !important;
    margin-left: 6px !important;
}

div.form .row span label {
    float: left !important;
    margin-right: 4px !important;
}

.box_placa {
    font-weight: bold;
}

/* campo de descricao das caracteristicas */
.descricao_caracteristica {
    background-color: #F1F1F1;
    padding: 4px;
}

/* to top */
#toTop {
    width:50px;  /* Largura do botão */ 
    background: #89C8E4; /* Cor do botão*/ 
    border:1px solid #eee; /* Cor da borda */ 
    text-align:center; /* Alinhamento do texto */ 
    padding:5px; /* Distancia entre texto e borda */ 
    position:fixed; /* Posição que faz com que ele corra por toda a página*/ 
    bottom:5px;  
    right:5px; 
    cursor:pointer; 
    color:#eee; /* Cor da letra */ 
    text-decoration:none; 
    font-weight:700;  /* Tamanho da letra */

    -moz-border-radius:5px;  /* Definições para o angulo do botão */ 
    -khtml-border-radius:5px; 
    -webkit-border-radius:5px; 
    border-radius:5px; 
}
/* fim - to top */

.box_edificacao_relacionada {
    padding: 15px;
    cursor: pointer;
}

/* table detail view projeto */

table.detail_view_projeto tr td {
    text-align: left;
    width: 150px !important;
}

/* FIM - table detail view projeto */

/* resumo projeto */

.lista_resumo span {
    font-weight: bold;
}

#box_resumo {
    float: left;
    width: 27%;
    border: 1px solid #DDDDDD;
}

#box_resumo .titulo {
    font-size: 15px;
    text-align: center;
    padding-top: 5px;
    color: #7FD0F6;
    font-weight: bold;
}

#box_projeto {
    float: right;
    width: 72%;
}

ul.lista_resumo, ul.lista_resumo ul {
    margin-top: 10px;
    margin-bottom: 10px;
    color: gray;
}
ul.lista_resumo li {
    margin-top: 2px;
    margin-bottom: 2px;
}

ul.lista_resumo li.aba {
    font-weight: bold;
    color: #0096DA;
}
/* FIM - resumo projeto */

/* box descricao abaco */

div#box_descricao_abaco {
    font-size: 15px;
    text-align: left;
    padding: 5px;
    color: #000;
}

/* FIM - box descricao abaco */

.lista_funcionalidades_sistema li{
    padding: 5px;
}

#box_irradiacao_avancada {
    border: 1px solid #DDDDDD;
    padding: 10px;
}