﻿

/* ----------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------->>> Grids <<<-----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/


html {
    color: #000;
    background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */

}

body {
    color: #404142; 
    font-family: Segoe UI Light,'SegoeUILightWF',Arial,sans-serif;
    height: auto;
    font-weight: normal;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

table {
    border-collapse: collapse;
}

fieldset, img {
    border: 0;
}

ol, ul {
    list-style: none;
}

caption, th, td, .center {
    text-align: center;
}

    td span {
        font-size: 12px !important;
    }

.negrito {
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
}

.small_label {
    font-size:13px;
    font-weight:normal;
}

.botton-print span
{
    position: relative;
    width: 16px;
    padding-top: 20px;
    padding-left: 60px;
    background-image: url('../../img/printer48.png');
    background-repeat: no-repeat;
    float: right;
    top: -15px;
}

.form .fields {
    clear: both;
}

    .form .fields .field {
        overflow: hidden;
        clear: none;
        margin: 0 10px 15px 0;
        float: left;
    }

        .form .fields .field.last {
            margin-right: 0;
        }

    .form .fields.checkboxes {
        overflow: hidden;
        margin-bottom: 5px;
    }

        .form .fields.checkboxes .field {
            margin-bottom: 5px;
        }

.form label {
    width: 100%;
    margin: 0 10px 10px 0;
    padding-top: 4px;
    font-weight: normal;
}

.grid {
    border: 1px solid #505050;
    float: left;
    font-size: 12pt;
    font-weight: normal;
    color: #505050;
    margin: 10px auto;
    width:100%;
}

.row_align_left {
    text-align: left;
    
}

.tabelaOrgaos
{
    background: none repeat-y scroll 0 0 #F9F9F9;
    border-color: #2A5174;
    border-radius: 12px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
    padding: 15px 0 15px 15px;
    width: 965px;
    overflow-y: hidden;
}

.conteudo {
    padding: 0px;
    width: 983px;
    margin: 10px auto;
    margin-bottom: 40px;
    padding-bottom: 40px;
    min-height: 400px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    background-color: white;
}


#conteudo {
    padding: 0px;
    width: 983px;
    margin: 10px auto;
    margin-bottom: 40px;
    padding-bottom: 40px;
    min-height: 400px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    background-color: white;
}

/* ----------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------->>> Inputs <<<-----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/

.div_line {
    background: rgb(255,124,0); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255,124,0,1) 1%, rgba(255,127,4,1) 36%, rgba(252,188,60,1) 67%, rgba(252,230,106,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(255,124,0,1)), color-stop(36%,rgba(255,127,4,1)), color-stop(67%,rgba(252,188,60,1)), color-stop(100%,rgba(252,230,106,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,124,0,1) 1%,rgba(255,127,4,1) 36%,rgba(252,188,60,1) 67%,rgba(252,230,106,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,124,0,1) 1%,rgba(255,127,4,1) 36%,rgba(252,188,60,1) 67%,rgba(252,230,106,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,124,0,1) 1%,rgba(255,127,4,1) 36%,rgba(252,188,60,1) 67%,rgba(252,230,106,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,124,0,1) 1%,rgba(255,127,4,1) 36%,rgba(252,188,60,1) 67%,rgba(252,230,106,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c00', endColorstr='#fce66a',GradientType=1 ); /* IE6-9 */
    height:1px;
}

select {
    padding: 5px;
    border: 1px solid #DDDDDD;
    background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    background-position: center right;
    background-repeat: no-repeat;
}

    select:hover {
        box-shadow: 0 0 2px #9C9C9C;
    }

    select:focus {
        border: 1px solid #14BEEE;
    }

.margin-left-right-5 {
    margin-left: 5px;
    margin-right: 5px;
}

input[type="text"] {
    padding: 5px;
    border: 1px solid #DDDDDD;
    background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
}

    input[type="text"]:hover {
        box-shadow: 0 0 2px #9C9C9C;
    }

    input[type="text"]:focus {
        border: 1px solid #14BEEE;
    }

input[type="password"] {
    padding: 5px;
    border: 1px solid #DDDDDD;
    background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
}

    input[type="password"]:hover {
        border: 1px solid #14BEEE;
    }

    input[type="password"]:focus {
        box-shadow: 0 0 2px #1582A0;
    }

    .pesquisa
{
    width: 980px;
    float: left;
    margin-bottom: 20px;
}
.pesquisa span
{
    display: block; /*IE 7*/
}
.pesquisa input[type=text]
{
    width: 385px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .pesquisa input[type=text]
    {
        line-height: 0px;
    }
}
/* Somente para Chrome e Safari */
.pesquisa input[type=submit]
{
    margin-left: 5px;
}


input[type="submit"] {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

    input[type="submit"]:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
    }

    input[type="submit"]:active {
        position: relative;
        top: 1px;
    }


.cancelarButton {
    width: 56px;
    height: 27px;
    background: url(../../img/btn-sair.png) no-repeat !important;
    cursor: pointer;
    float: right;
    border: none;
    text-indent: -99999px;
    margin-top: 37px;
}

/*------------Btns--------------*/
#body_ButtonCorrespondente
{
    margin-right: 5px;
    margin-left: 15px;
}
#body_ButtonNovoPerfil
{
    margin-right: 5px;
    margin-left: 15px;
}
#body_ButtonNovoUsuario
{
    margin-right: 5px;
    margin-left: 15px;
}
#body_ButtonNovaTaxa
{
    margin-right: 5px;
    margin-left: 15px;
}
#body_ButtonNovaConsignataria
{
    margin-right: 5px;
    margin-left: 15px;
}
.buttons
{
    float: right;
    margin-right: 81px;
    margin-top: 27px;
    margin-right: 40px; /*Hack IE7*/
}
.buttons input[type=submit]
{
    margin-left: 5px;
}
.buttons2
{
    float: right;
    margin-right: 33px;
    margin-top: 10px;
    margin-right: 16px; /*Hack IE7*/
}
.buttons2 input[type=submit]
{
    margin-left: 5px;
}
.buttons3
{
    float: left;
    margin-left: 248px;
    margin-top: 27px;
    margin-left: 263px; /*Hack IE9*/
    margin-left: 91px; /*Hack IE7*/
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .buttons3
    {
        margin-left: 256px;
    }
}
/* Somente para Chrome e Safari */
.buttons3 input[type=submit]
{
    margin-left: 5px;
}
.buttons4
{
    float: left;
    margin-left: 220px;
    margin-top: 27px;
}
.buttons4 input[type=submit]
{
    margin-left: 5px;
}
.buttons5
{
    float: right;
    margin-right: 29px;
    margin-top: 10px;
    margin-right: 7px; /*Hack IE7*/
}
.buttons5 input[type=submit]
{
    margin-left: 5px;
}
.buttons6
{
    float: right;
    margin-right: 8px;
    margin-top: 10px;
    margin-right: 7px; /*Hack IE7*/
}
.buttons6 input[type=submit]
{
    margin-left: 5px;
}
.buttons7
{
    width:100%;
    float: right;
    margin-right: 55px;
    margin-top: 0px;
    text-align: right;
}
.buttons7 input[type=submit]
{
    margin-left: 5px;
}
.buttons8
{
    float: left;
    margin-left: 172px;
    margin-top: 27px;
    margin-left: 193px; /*Hack IE9*/
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .buttons8
    {
        margin-left: 188px;
    }
}
/* Somente para Chrome e Safari */
.buttons8 input[type=submit]
{
    margin-left: 5px;
}
.buttons9
{
    float: right;
    margin-right: 62px;
    margin-top: 12px;
}
.buttons9 input[type=submit]
{
    margin-left: 5px;
}
.buttons10
{
    float: right;
    margin-right: 39px;
    margin-top: 27px;
    margin-right: 20px; /*Hack IE 7*/
}
.buttons10 input[type=submit]
{
    margin-left: 5px;
}
.buttons11
{
    float: left;
    margin-left: 276px;
    margin-top: 27px;
    margin-left: 289px; /*Hack IE9*/
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .buttons11
    {
        margin-left: 289px;
    }
}
/* Somente para Chrome e Safari */
.buttons11 input[type=submit]
{
    margin-left: 5px;
}
.buttons12
{
    float: right;
    margin-right: 81px;
    margin-top: 15px;
}
.buttons12 input[type=submit]
{
    margin-left: 5px;
}
.buttonsModal
{
    float: left;
    margin-left: 248px;
    margin-top: 8px;
    margin-left: 263px; /*Hack IE9*/
    margin-left: 91px; /*Hack IE7*/
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .buttonsModal
    {
        margin-left: 256px;
    }
}
/* Somente para Chrome e Safari */
.buttonsModal input[type=submit]
{
    margin-left: 5px;
}
.btn-incluir
{
    width: 71px;
    float: left;
    margin-bottom: 15px;
    margin-top: 17px;
}
#body_btnSituacao
{
    margin-right: 8px;
}
.anexoBtn
{
    float: left;
    margin-left: 16px;
    margin-top: 18px;
}
.anexoBtn input
{
    padding: 8px 15px 9px;
}

/* ----------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------->>> Menu <<<-----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/

#cssbarramenu {
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: 983px auto;
    text-align: center;
}

#cssmenu {
    border: none;
    border: 0px;
    margin: auto;
    margin-top: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: 983px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    background: #464646;
    vertical-align: middle;
}

    #cssmenu ul {
        background: #464646;
        height: 35px;
        list-style: none;
        margin: 0;
        padding: 0;
        text-transform:uppercase;
        font-weight:bold;
    }

    #cssmenu li {
        float: left;
        padding: 0px;
        font-weight:normal;
    }

        #cssmenu li a {
            background: #464646 url('../../img/menu/seperator.gif') bottom right no-repeat;
            display: block;
            font-weight: normal;
            line-height: 35px;
            margin: 0px;
            padding: 0px 25px;
            text-align: center;
            text-decoration: none;
        text-transform:none;
        }

    #cssmenu > ul > li > a {
        color: #cccccc;
    }

    #cssmenu ul ul a {
        color: #cccccc;
    }

    #cssmenu li > a:hover,
    #cssmenu ul li:hover > a {
        background: #158ABD url('../../img/menu/hover.png') bottom center no-repeat;
        color: #FFFFFF;
        text-decoration: none;
    }

    #cssmenu li ul {
        background: #464646;
        display: none;
        height: auto;
        padding: 0px;
        margin: 0px;
        border: 0px;
        position: absolute;
        width: 225px;
        z-index: 200;
    }

    #cssmenu li:hover ul {
        display: block;
    }

    #cssmenu li li {
        background: url('../../img/menu/sub_sep.gif') bottom left no-repeat;
        display: block;
        float: none;
        margin: 0px;
        padding: 0px;
        width: 225px;
    }

    #cssmenu li:hover li a {
        background: none;
    }

    #cssmenu li ul a {
        display: block;
        height: 35px;
        font-size: 12px;
        font-style: normal;
        margin: 0px;
        padding: 0px 10px 0px 15px;
        text-align: left;
    }

        #cssmenu li ul a:hover,
        #cssmenu li ul li:hover > a {
            background: #158ABD url('../../img/menu/hover_sub.png') center left no-repeat;
            border: 0px;
            color: #ffffff;
            text-decoration: none;
        }

    #cssmenu p {
        clear: left;
    }



/* ----------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------->>> Menu <<<-----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/

.logotipo {
    width: 190px;
    height: 300px;
    top: 10px;
    text-align: left;
    float: left;
}

.imglogo {
    width: 300px;
    height: auto;
    text-align: left;
    overflow: hidden; /* hack para o IE6 e IE7 */
}

#topo {
    height: 110px;
    background-color: white;
    color: #333;
    font-size: 14px;
    width: 983px;
    margin: auto;
    padding: 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
}

    #topo #sysInfo {
        margin-top: 30px;
        width: 608px;
        float: right;
        padding-bottom: 2px;
    }

#logomaster {
    width: 300px;
    position: absolute;
    top: 10px;
    text-align: left;
}

    #logomaster .imglogo {
        width: 290px;
        height: auto;
        text-align: left;
        overflow: hidden;
        position: relative;
        padding: 5px;
        top: 0px;
        left: 0px;
    }

    #logomaster .titlelg {
        margin: -8px auto 0 99px;
        top: 10px;
        font-size: 16px;
        color: #505050;
        font-weight: normal;
        width: 300px;
    }

.textalign {
    padding-top: 1px;
    font-weight: normal;
}

.form .field label.normal {
    display: inline-block;
    float: none;
    width: auto;
    margin: 0px;
    text-align: left;
    padding-right: 10px;
}

.form .instrucao {
    font-size: 11px;
}

.form .label-space {
    margin-left: 150px;
}

.form .actions {
    text-align: center;
    clear: both;
    margin: 15px;
}

    .form .actions input {
        margin: 0 5px;
    }

.filtro {
    background: #f4f4f4;
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 10px;
}

    .filtro .form .fields, .filtro .form .field, .filtro .form input, .filtro .form select {
        margin-bottom: 0;
    }

.field {
    background: none repeat-y scroll 0 0 #F9F9F9;
    margin: 10px auto;
    overflow-y: hidden;
    width: 95%;
    color: #505050;
    font-size: 15px;
    font-weight: lighter;
}

.label {
    color: #505050;
    font-size: 15px;
    font-weight: lighter;
}

label {
    color: #505050;
    font-size: 15px;
    font-weight: lighter;
}

.label-obs {
    margin-left: 30px;
    color: #505050;
    font-size: 15px;
    font-weight: lighter;
}

h3 {
    margin-left: 30px;
    color: #505050;
    font-size: 15px;
    font-weight: lighter;
}

.field_login {
    background: none repeat-y scroll 0 0 #F9F9F9;
    border-color: #505050;
    border-style: solid;
    border-width: 1px;
    
    color: #505050;
    font-size: 13px;
    font-weight: lighter;
}

#titulo_pagina {
    color: #505050;
    font-size: 18px;
    font-weight: lighter;
    text-transform:lowercase;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 26px;
    width: 94%;
    border-bottom: 1px solid #EEAE00;

    height: 42px;
}

.legend {
    color: #505050;
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 26px;
    width: 90%;
    border-bottom: 1px solid;
    border-bottom-color: #505050;
}

legend {
    color: #505050;
    font-size: 18px;
    width: 300px;
}

.subimg {
    position: absolute;
    display: none;
}

    .subimg li a {
        float: left;
        margin: 0 !important;
        height: auto;
        top: 10px;
        width: 210px;
        height: auto !important;
        left: 10px;
        overflow: hidden; /* hack para o IE6 e IE7 */
        position: relative; /* hack para o IE6 e IE7 */
        z-index: 1;
        color: #2c79a5;
        text-decoration: none;
        font-weight: bold;
        z-index: 2;
        padding-top: 1px !important;
        padding-bottom: 1px;
        text-align: left !important;
        font-size: 12px !important;
        margin-bottom: 4px !important;
    }

.subimg {
    width: 250px;
    min-height: 22px;
    float: left;
    top: 48px;
    left: -14px;
    background-color: #F4F4F4;
    background-repeat: repeat-y;
    background: -moz-linear-gradient(top, #ffffff, #F4F4F4) repeat-X;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F4F4F4)) repeat-X;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#F4F4F4)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#F4F4F4);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 3px 2px #EEE9E9;
    -webkit-box-shadow: 0px 0px 3px 2px #EEE9E9;
    -box-shadow: 0px 0px 3px 2px #EEE9E9;
    box-shadow: 0px 0px 3px 2px #EEE9E9;
    z-index: 1;
    padding-bottom: 20px;
}

li:hover ul ul, li.over ul ul {
    display: none;
}

li:hover ul, li li:hover ul, li.over ul, li li.over ul {
    display: block;
}

.wrapper {
    width: 983px;
    margin: auto;
}

span {
    font-size: 16px;
    font-weight: normal;
    color: #505050;
}

.grid th {
    font-size: 16px;
    font-weight: lighter;
    color: #505050;
    padding: 10px;
    border: 1px solid #505050;
}

.grid .icon-header {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.grid td {
    padding: 5px 10px;
    border: 1px solid #505050;
    white-space: normal;
    font-size: 14px;
}

    .grid td a {
        color: #505050;
    }

    .grid td.last {
        border-right: 0;
    }

.grid tr.odd td {
    background: #f7f7f7;
}

.radio td {
    text-align: left;
}

.valleft table {
    border-collapse: inherit !important;
}

.valleft {
    float: left;
}


/***Falta organizar essa lambança*/
.row-856 {
    width: 856px;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
}

    .row-856 input[type=text] {
        width: 844px;
    }

    .row-856 textarea {
        width: 844px;
        resize: none;
    }

    .row-856 input[type=password] {
        width: 844px;
    }

    .row-856 select {
        width: 412px;
        padding-right: 0px;
    }

.row-414 {
    width: 414px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
}

    .row-414 input[type=text], .row-414 textarea {
        width: 400px;
    }

    .row-414 input[type=password] {
        width: 400px;
    }

    .row-414 select {
        width: 413px !important;
        padding-right: 0px;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .row-414 input[type=text] {
        line-height: 0px;
    }
}
/* Somente para Chrome e Safari */
.row-414 .fakeupload {
    width: 400px;
    background: #f4f4f4 url("../../img/botao-selecione.png") no-repeat 99% 51% !important;
    cursor: pointer;
}

.row-414 .fakeuploadarquivo {
    width: 400px;
    background: #f4f4f4 url("../../img/botao-selecione-arquivo.png") no-repeat 99% 51% !important;
    cursor: pointer;
}

.row-414 .realupload {
    height: 34px;
    opacity: 0;
    position: relative;
    top: -35px;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;
}

.row-conta {
    width: 856px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
    margin-right: 17px;
}

.banco, .agencia {
    width: 163px;
    float: left;
    margin-right: 31px;
}

.cc {
    width: 243px;
    float: left;
    margin-right: 31px;
}

.banco1, .agencia1 {
    width: 191px;
    float: left;
    margin-right: 31px;
}

.cc1 {
    width: 191px;
    float: left;
    margin-right: 31px;
}

.dig {
    width: 187px;
    float: left;
}

.row-conta input[type=text] {
    width: 178px;
}

.row-717 {
    width: 740px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
}

    .row-717 input[type=text] {
        width: 702px;
    }

.row-107 {
    width: 107px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
    font-size:15px;
}

    .row-107 input[type=text] {
        width: 97px;
    }

    

.row-500 {
    width: 500px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
    font-size:15px;
}


.row-219 {
    width: 219px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
    margin-top: 0px;
}

    .row-219 input[type=text] {
        width: 205px;
    }

.row-413 {
    width: 413px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
}

    .row-413 input[type=text] {
        width: 400px;
    }

    .row-413 select {
        width: 411px;
    }

    .row-413 .fakeupload {
        width: 438px;
        width: 100%;
        background: #f4f4f4 url("../../img/botao-selecione.png") no-repeat 99% 51% !important;
        cursor: pointer;
    }

    .row-413 .fakeuploadarquivo {
        width: 400px;
        background: #f4f4f4 url("../../img/botao-selecione-arquivo.png") no-repeat 99% 51% !important;
        cursor: pointer;
    }

    .row-413 .realupload {
        float: right;
        height: 34px;
        opacity: 0;
        position: relative;
        top: -35px;
        -moz-opacity: 0;
        filter: alpha(opacity:0);
        cursor: pointer;
    }

.field-contato {
    width: 783px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
    margin-right: 6px\9; /*Hack IE9*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .field-contato {
        margin-right: 6px;
    }
}
/* Somente para Chrome e Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .btn-incluir {
        margin-top: 18px;
    }
}
/* Somente para Chrome e Safari */
.row-contato {
    width: 368px;
    float: left;
    margin-right: 30px;
}

.row-cargo {
    width: 368px;
    float: left;
}

.row-contato input[type=text] {
    width: 355px;
}

.row-cargo input[type=text] {
    width: 355px;
}

.buttons {
    width: 95%;
    text-align: right;
    height: 60px;
}

    .buttons input[type=submit] {
        margin-left: 5px;
    }

.buttons2 {
    float: right;
    margin-right: 33px;
    margin-top: 10px;
    margin-right: 16px; /*Hack IE7*/
}

    .buttons2 input[type=submit] {
        margin-left: 5px;
    }

.buttons3 {
    float: left;
    margin-left: 248px;
    margin-top: 27px;
    margin-left: 263px; /*Hack IE9*/
    margin-left: 91px; /*Hack IE7*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttons3 {
        margin-left: 256px;
    }
}
/* Somente para Chrome e Safari */
.buttons3 input[type=submit] {
    margin-left: 5px;
}

.buttons4 {
    float: left;
    margin-left: 220px;
    margin-top: 27px;
}

    .buttons4 input[type=submit] {
        margin-left: 5px;
    }

.buttons5 {
    width: 20%;
    text-align: right;
    height: 60px;
}

    .buttons5 input[type=submit] {
        margin-left: 5px;
    }

.buttons6 {
    float: right;
    margin-right: 8px;
    margin-top: 10px;
    margin-right: 7px; /*Hack IE7*/
}

    .buttons6 input[type=submit] {
        margin-left: 5px;
    }

.buttons7 {
    width: 100%;
    float: right;
    margin-right: 55px;
    margin-top: 0px;
    text-align: right;
}

    .buttons7 input[type=submit] {
        margin-left: 5px;
    }

.buttons8 {
    float: left;
    margin-left: 172px;
    margin-top: 27px;
    margin-left: 193px; /*Hack IE9*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttons8 {
        margin-left: 188px;
    }
}
/* Somente para Chrome e Safari */
.buttons8 input[type=submit] {
    margin-left: 5px;
}

.buttons9 {
    float: right;
    margin-right: 62px;
    margin-top: 12px;
}

    .buttons9 input[type=submit] {
        margin-left: 5px;
    }

.buttons10 {
    float: right;
    margin-right: 39px;
    margin-top: 27px;
    margin-right: 20px; /*Hack IE 7*/
}

    .buttons10 input[type=submit] {
        margin-left: 5px;
    }

.buttons11 {
    float: left;
    margin-left: 276px;
    margin-top: 27px;
    margin-left: 289px; /*Hack IE9*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttons11 {
        margin-left: 289px;
    }
}
/* Somente para Chrome e Safari */
.buttons11 input[type=submit] {
    margin-left: 5px;
}

.buttons12 {
    float: right;
    margin-right: 81px;
    margin-top: 15px;
}

    .buttons12 input[type=submit] {
        margin-left: 5px;
    }

.buttonsModal {
    float: left;
    margin-left: 248px;
    margin-top: 8px;
    margin-left: 263px; /*Hack IE9*/
    margin-left: 91px; /*Hack IE7*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonsModal {
        margin-left: 256px;
    }
}
/* Somente para Chrome e Safari */
.buttonsModal input[type=submit] {
    margin-left: 5px;
}

.btn-incluir {
    width: 71px;
    float: left;
    margin-bottom: 15px;
    margin-top: 17px;
}

#body_btnSituacao {
    margin-right: 8px;
}

.anexoBtn {
    float: left;
    margin-left: 16px;
    margin-top: 18px;
}

    .anexoBtn input {
        padding: 8px 15px 9px;
    }

.modalBackground {
    background-color: #000000;
    opacity: 0.5;
}

.modalPopup {
    background-color: #fff;
    padding: 28px;
    background-repeat: repeat-y;
}

    .modalPopup span {
        font-size: 14px;
        margin-top: 24px;
    }

    .modalPopup .btns {
        bottom: 11px;
        position: absolute;
        right: 17px;
    }

#ucAjaxModalPopup1_iconeMensagem {
    float: left;
    margin-right: 10px;
    margin-top: 12px;
}

#body_ucModalPopupLiquidarTotal1_ucAjaxModalPopup1_iconeMensagem {
    float: left;
    margin-right: 10px;
    margin-top: 12px;
}

#body_ucModalPopupSenhaServidor1_ucAjaxModalPopup1_iconeMensagem {
    float: left;
    margin-right: 10px;
    margin-top: 12px;
}

#body_ucModalPopupSenhaServidorConsignacao1_ucAjaxModalPopup1_iconeMensagem {
    float: left;
    margin-right: 10px;
    margin-top: 12px;
}

#ucModalPopupDesconectar1_iconeMensagem {
    float: left;
    margin-right: 10px;
    margin-top: 12px;
}

#body_ucModalPopupLiquidarParcial1_ucAjaxModalPopup1_iconeMensagem {
    float: left;
    margin-right: 10px;
    margin-top: 12px;
}

#body_ucAjaxModalPopup1_iconeMensagem {
    float: left;
    margin-right: 10px;
    margin-top: 12px;
}

#divMensagemPopup {
    width: 100%;
    float: left;
    margin-top: 6px;
}

.valorPopup {
    margin-top: 0px !important;
    font-size: 12px !important;
    float: none !important;
    display: inline !important;
    width: 20px !important;
}

#topocoluna .left .bx {
    width: 270px;
    float: left;
    margin-right: 10px;
}

    #topocoluna .left .bx div {
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }

#topocoluna .left .bx2 {
    width: 530px;
    float: left;
    margin-right: 10px;
}

    #topocoluna .left .bx2 div {
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }

#topocoluna .left .bx1 {
    width: 260px;
    float: left;
}

    #topocoluna .left .bx1 div {
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }

#topocoluna .posbtn .botao-Sair {
    width: 56px;
    height: 27px;
    background: url(../../img/btn-sair.png) no-repeat;
    cursor: pointer;
    float: right;
    border: none;
    text-indent: -99999px;
    margin-top: 7px;
}

#Msg {
    display: none;
    width: 400px;
    min-height: 80px;
    max-height: 250px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    background-color: #E8E8E8;
    text-align: center;
    -moz-border-radius: 8px; /* Para Firefox */
    -webkit-border-radius: 8px; /*Para Safari e Chrome */
    -border-radius: 8px; /* Para Opera 10.5+*/
    padding: 20px;
    background-color: #CFCFCF;
    text-align: center;
    -moz-box-shadow: 1px 1px 2px 2px #000000;
    -webkit-box-shadow: 1px 1px 2px 2px #000000;
    -box-shadow: 1px 1px 2px 2px #000000;
    z-index: 998;
}

#topocoluna .left {
    width: 540px;
    float: left;
}

    #topocoluna .left .bx {
        width: 270px;
        float: left;
        margin-right: 10px;
    }

        #topocoluna .left .bx div {
            margin-bottom: 5px;
            float: left;
            width: 100%;
        }

    #topocoluna .left .bx2 {
        width: 530px;
        float: left;
        margin-right: 10px;
    }

        #topocoluna .left .bx2 div {
            margin-bottom: 5px;
            float: left;
            width: 100%;
        }

    #topocoluna .left .bx1 {
        width: 260px;
        float: left;
    }

        #topocoluna .left .bx1 div {
            margin-bottom: 5px;
            float: left;
            width: 100%;
        }

.imgOrgao {
    width: 385px;
    float: left;
    margin-right: 59px;
}

    .imgOrgao h1 {
        width: 100%;
        color: #8C1123;
        font-size: 16px;
        font-weight: bold;
        background: url(../../img/barra-legenda.png) no-repeat bottom;
        padding-bottom: 6px;
        padding-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        margin-bottom: 26px;
    }

    .imgOrgao img {
        max-width: 400px;
        max-height: 200px;
    }

#bannerdrop {
    width: 536px;
    float: left;
}

    #bannerdrop h1 {
        width: 100%;
        color: #8C1123;
        font-weight: bold;
        font-size: 16px;
        background: url(../../img/barra-legenda.png) no-repeat bottom;
        padding-bottom: 6px;
        padding-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        margin-bottom: 26px;
    }
/*pendencias*/
.total {
    color: #2c79a4;
    font-size: 14px;
    float: left;
}

#vTotal {
    color: Red;
    font-size: 14px;
    float: left;
    font-weight: bold;
    margin-left: 4px;
    margin-right: 20px;
}

#pendDia {
    color: Red;
    font-size: 14px;
    float: left;
    font-weight: bold;
    margin-left: 4px;
    margin-right: 20px;
}

#pendAtraso {
    color: Red;
    font-size: 14px;
    float: left;
    font-weight: bold;
    margin-left: 4px;
    margin-right: 20px;
}

.visualpen {
    float: left;
    margin-top: 8px;
}

.totalPendencias {
    width: 250px;
    float: left;
    margin-bottom: 15px;
}
/*---end-pendencias---*/
.avisos {
    width: 980px;
    float: left;
    margin-top: 15px;
}

.configSystem {
    width: 980px;
    float: left;
    margin-top: 15px;
}

#table_config {
    width: 44%;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.style3 {
    color: #8C1123;
    font-size: 12px;
    font-weight: bold;
}

.prazos {
    width: 980px;
    float: left;
    margin-top: 15px;
}

.restricoes {
    width: 980px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

#ImagemOrgao {
    width: 50%;
    margin-right: 14px;
    margin-left: 10px;
    margin-top: 9px;
}

/*Paginas do menu OPERADOR*/
.rowOperador label {
    text-align: left;
    margin-bottom: 4px;
    display: block;
}

.rowOperador {
    width: 700px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
}

    .rowOperador input[type=text] {
        width: 400px !important;
    }

    .rowOperador select {
        width: 412px !important;
        padding-right: 0px;
    }


    .row1-big
{
    width: 921px;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
}
.row1-big input[type=text]
{
    width: 909px;
    
}
.row1-big select
{
    width: 897px;
    
}
.textArea1
{
    margin-left: 15px;
    width: 922px;
    float: left;
    margin-bottom: 15px;
}

.textArea1 textarea
{
    height: 145px;
    width: 909px;
    resize: none;
    overflow-y: hidden; 
}
.lbrow2
{
    width: 297px;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
}
.lbrow2 .textval
{
    width: 284px;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}

.row1
{
    width: 454px;
    float: left;
    margin-left: 15px;
    margin-bottom: 14px;
}
.row1 input[type=text]
{
    width: 440px;
}
.row1 select
{
    width: 452px;
}
.row1 .chkbx
{
    margin-top: 10px;
}
#body_chkPadrao
{
    margin-right: 5px;
    margin-top: 2px;
    margin-top: -1px; /*Hack IE7*/
}
.row1 .fakeupload
{
    width: 438px;
    width: 100%;
    background: #f4f4f4 url("../../img/botao-selecione.png") no-repeat 99% 51% !important;
    cursor: default;
}
.row1 .realupload
{
    float: right;
    height: 34px;
    opacity: 0;
    position: relative;
    top: -35px;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;    
}

.coluna {
   text-align:left;
   margin-top:10px;
   display: flex;
   flex-direction:column;
   flex-item-align:initial;
}

.linha {
   display: flex;
   flex-direction:row;
   justify-content:  space-around;
   flex-item-align:initial;
}
.linha_2 {
   display: flex;
   flex-direction:row;
   justify-content:  space-between;
   flex-item-align:initial;
}
.linha_normal {
   display: flex;
   flex-direction:row;
}
.item_cima_baixo {
   display: flex;
   flex-direction:column;
   justify-content:  space-between;
}
.item_cima_baixo_junto {
   display: flex;
   flex-direction:column;
   justify-content:  space-around;
}
.radioBtn {
        height: auto;
}
.item_lado_lado {
    margin-top:10px;
   display: flex;
   flex-direction:row;
}

.linha_btn {
   margin-top:40px;
   text-align:right;
   width:95%;
}


.item_btn {
    margin-left:10px;
}

.input_disable {
    padding: 5px;
    border: 1px solid #DDDDDD;
    background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    min-height:18px;
}

.miolo {
    margin-left:30px;
}

.radioReservaMargem tr
{
    float: left;
    margin-right: 8px;
}
.radioReservaMargem tr td input
{
    margin-right: 3px;
    margin-top: 2px;
}

.rowDataCompra
{
    width: 406px;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
    height: 80px;
}
.styleDe
{
    width: 207px;
    float: left;
    margin-right: 23px;
}
.styleA
{
    width: 183px;
    float: left;
}
.rowDataCompra label
{
    width: 94%;
    float: left;
    font-size: 14px;
    height: 116px;
}
.rowDataCompra input[type=text]
{
    width: 160px;
    margin-top: 0px;
}

.div_Quadrado {


    border-style: solid;
    border-color: inherit;
    border-width: 1px;
    text-align:left;
    margin: 0 auto;
    width:402px;
    height:96px;
 
}

.fakeupload2 {
    width: 400px;
    background: #f4f4f4 url("../../img/botao-selecione.png") no-repeat 99% 51% !important;
    cursor: pointer;
}
.fakeuploadarquivo2 {
    width: 400px;
    background: #f4f4f4 url("../../img/botao-selecione-arquivo.png") no-repeat 99% 51% !important;
    cursor: pointer;
}
.realupload2 {
    height: 34px;
    opacity: 0;
    position: relative;
    top: -35px;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;
}




                    .fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.row-upload {
    float: left;
}

    .row-upload .fakeupload {
        width: 438px;
        width: 100%;
        background: #f4f4f4 url("../../img/botao-selecione.png") no-repeat 99% 51% !important;
        cursor: pointer;
    }

    .row-upload .fakeuploadarquivo {
        width: 400px;
        background: #f4f4f4 url("../../img/botao-selecione-arquivo.png") no-repeat 99% 51% !important;
        cursor: pointer;
    }

    .row-upload .realupload {
        float: right;
        height: 34px;
        opacity: 0;
        position: relative;
        top: -35px;
        -moz-opacity: 0;
        filter: alpha(opacity:0);
        cursor: pointer;
    }