html, body
{
    display: inline; /*position:fixed;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 0 0 0;
    width: 100%;
    height: 100%;
    min-width: 1024px;
    min-height: 768px;
    font: normal 10 px Arial, Tahoma;
    overflow-y: auto;
}

.content
{
    display: inline; /*position:fixed;*/ /*top:0;     bottom:0;     left:0;     right:0;*/
    width: 100%;
    height: 100%;
    float:left;
    min-width: 1024px;
    min-height: 768px;
    overflow: auto;
}

.area_tela
{
    /*position:fixed;*/ /*top:0;     bottom:0;     left:0;     right:0;*/
    width: 100%;
    height: 100%;
    min-width: 1024px;
    min-height: 768px;
    /*overflow: auto; *//*margin: 0 0 0 0;*/ 
    background-image: url("../Imagens/desktop_demonstrativo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: Transparent;
    float:left;
}

.area_tela_contraste
{
    /*position:fixed;*/ /*top:0;     bottom:0;     left:0;     right:0;*/
    width: 100%;
    height: 100%;
    min-width: 1024px;
    min-height: 768px;
    /*overflow: auto; *//*margin: 0 0 0 0;*/ 
    background-image: url("../Imagens/desktop_demonstrativo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: Black;
    color: White;
    float:left;
}

.area_tela_declaracao_quitacao
{
    /*position:fixed;*/ /*top:0;     bottom:0;     left:0;     right:0;*/
    width: 100%;
    height: 100%;
    min-width: 1024px;
    min-height: 768px;
    /*overflow: auto; *//*margin: 0 0 0 0;*/ 
    background-image: url("../Imagens/desktop_quitacao.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: Transparent;
    float:left;
}

.area_header
{
    position:fixed;
    /*display:inline;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 10%;
    background-color: White;
    float: left;
}

.area_header_logo
{
    width: 12%;
    height: 80%;
    margin-left: 3%;
    margin-top: 0.65%;
    background-image: url("../Imagens/logo_unimedrs.png");
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
}
.area_header_titulo
{
    width: 84%;
    height: 80%;
    margin-top: 1%;
    float: right;
}

.area_conteudo
{
    /*position:fixed;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 90%;
    float: left;
}

.area_campos_transparente
{
    /*position:fixed;*/
    width: 100%;
    height: 30%;
    min-height: 200px;
    max-height: 250px;
    margin-top: 35%;
    padding: 0px;
    background-color: White;
    opacity: 0.9;
    float:left;
    /*margin: 0 0 0 0;*/
    border: none; /*border: solid 1px Silver;*/
}

.area_campos_demonstrativo_1
{
    width: 25%;
    height: 100%;
    margin-left: 20%;
    margin-top: 0px;
    padding: 0px;
    float: left;
    border: none; /*border: solid 1px Silver;*/
}
.area_imagem_demonstrativo
{
    width: 50%;
    height: 80%;
    min-height: 160px;
    max-height: 200px;
    max-width: 1000px;
    min-width: 250px;
    margin-top: 7%;
    text-align: center;
    padding: 0px;
    float: left;
    border: none; /*border: solid 1px Silver;*/
    background-image: url("../Imagens/icon_demonstrativo.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.area_imagem_declaracao_quitacao
{
    width: 50%;
    height: 80%;
    min-height: 160px;
    max-height: 200px;
    max-width: 1000px;
    min-width: 250px;
    margin-top: 7%;
    text-align: center;
    padding: 0px;
    float: left;
    border: none; /*border: solid 1px Silver;*/
    background-image: url("../Imagens/icon_quitacao.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.area_campos_demonstrativo_2
{
    width: 35%;
    height: 100%;
    margin-right: 20%;
    margin-top: 0px;
    padding: 0px;
    float: left;
}

.area_geracao_demonstrativo
{
    width: 100%;
    height: 80%;
    min-height: 160px;
    max-height: 200px;
    max-width: 1000px;
    min-width: 250px;
    margin-top: 7%;
    padding: 0px;
    float: left;
}

.area_campos_rodape
{
    width: 100%;
    height: 30px;
    margin: 0 0 0 0;
    background-color: #ced2d5;
    float: right;
}

.area_campos
{
    width: 300px;
    height: 160px;
    margin-top: 30px;
    padding: 0px;
    float: left;
}
.txt1
{
    width: 100%;
    border-style: none;
    text-align: left;
    font-family: "unimedSansSemiBold" , "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #777777;
}

.txtaviso
{
    width: 100%;
    border-style: none;
    text-align: left;
    font-family: "unimedSansRegularItalic" , "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-style: normal;
    color: #777777;
}
.txtrodape
{
    width: 100%;
    border-style: none;
    text-align: left;
    font-family: "unimedSansRegular" , "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    color: #777777;
}

.txtcanal
{
    width: 100%;
    border-style: none;
    text-align: left;
    font-family: unimedSlabRegular, "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-style: normal;
    color: #c6d75d;
}
.txtbeneficiario
{
    width: 100%;
    border-style: none;
    text-align: left;
    font-family: unimedSlabSemiBold, "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-style: normal;
    color: #c6d75d;
}

.txtdemonstrativo
{
    width: 100%;
    border-style: none;
    text-align: left;
    font-family: unimedSlabSemiBold, "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-style: normal;
    color: #f08e35;
}

.campo_esq
{
    float: left;
    text-align: left;
    padding-left: 5px;
    height: 26px;
}

.campo_meio
{
    float: left;
    text-align: left;
    padding-left: 5px; /*padding-top:5px;*/
    height: 26px; /*display: inline;*/
}

.linha_campos
{
    /*display:inline;*/
    width: 100%;
    height: 30px;
    background-image: url("../Imagens/traco_login.png");
    background-repeat: no-repeat; /*border-bottom:solid 2px #0a5f55;*/
}

.linha_campos_titulo
{
    width: 100%;
    height: 40%;
    float: left;
}

.btnacoes
{
    height: 26px;
    margin: 0px;
    padding: 0px;
    background-image: url("../Imagens/botao.png");
    float: left;
}
.btn1
{
    background-color: Transparent;
    height: 26px;
    font-family: unimedSlabSemiBold, "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: Normal;
    text-align: center;
    color: #0a5f55;
    border-width: 0px; /*  margin:0px;   */
    margin: 0px; /*padding: 0px;*/
}
.btn1:hover
{
    background-color: #f47920;
    border-width: 0px; /*border-top-width:0px;     border-top-color:Green;     border-bottom-width:0px;     border-bottom-color:Green;*/
    color: White;
    cursor: Pointer;
}

.calendar1
{
    font-family: Arial;
    font-size: 8pt;
    font-style: normal;
    color: #006600;
    background-color: White;
    float: none;
    border-width: 2px;
    border-color: #EBEBEB;
    margin-bottom: 10px;
}
.calendar1_header
{
    /*font-family: Arial;     font-size: 8pt;*/
    font-weight: Bold;
    border-width: 1px;
    text-transform: Capitalize;
    color: White;
    background-color: #C6DB36;
}
.calendar1_today
{
    /*background-color : #CCFFCC;*/
    font-style: normal;
    color: #006600;
    border-color: Red;
    border-style: Dotted;
    border-width: 1px;
    text-align: Center;
    vertical-align: Middle; /*font-family:Arial;     font-size: 8pt;*/
}
.calendar1_othermonth
{
    /*Background-Color : #CCFFCC;     Coor : #CCFFCC;*/
    visibility: hidden;
}

.calendario .ajax__calendar_container /*formatação da parte externa de onde encontra-se o corpo do calendário */
{
    /*background-color:#8080FF;*/
    background-color: white;
    color: #006600;
    width: 200px;
    font: Arial;
    font-weight: normal;
    border: solid 1px #004000;
}

.calendario .ajax__calendar_header /*formatação do cabeçalho*/
{
    /*background-color:#006600; */
    background-color: #0a5f55;
    font: Arial;
    font-weight: normal;
    color: #006600;
    margin-bottom: 3px;
    border: solid 1px white; /*width:280px;*/
}

.calendario .ajax__calendar_header .ajax__calendar_title
{
    color: white; /*background-color: #006600;*/
    text-transform: capitalize;
    font: Arial;
    font-weight: normal; /*width:280px;*/
}

.calendario .ajax__calendar_next
{
    background-image: url('../Imagens/im_next.png');
}

.calendario .ajax__calendar_prev
{
    background-image: url('../Imagens/im_prev.png');
}

.calendario .ajax__calendar_body
{
    background-color: white;
    font: Arial;
    font-weight: normal;
}

.calendario .ajax__calendar_dayname /*formatação da descrição dos dias da semana*/
{
    text-transform: capitalize;
    text-align: left;
    width: 20px;
    font: Arial;
    font-weight: normal;
    padding: 0px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #0a5f55;
}

.calendario .ajax__calendar_day /*formatação dos dias do mês*/
{
    text-align: center;
    font: Arial;
    font-weight: normal;
    color: #0a5f55;
}

.calendario .ajax__calendar_hover .ajax__calendar_day /*formatação para quando passar o mouse sobre um determinado dia*/
{
    font: Arial;
    color: red;
}

.calendario .ajax__calendar_hover .ajax__calendar_month /*formatação para quando passar mouse sobre um determinado mês*/
{
    font: Arial;
    color: red;
}

.calendario .ajax__calendar_hover .ajax__calendar_year /*formatação para quando passar o mouse sobre um determinado ano*/
{
    font: Arial;
    color: red;
}

.calendario .ajax__calendar_active /*formatação do dia, quando já possui uma data no textbox de controle*/
{
    background-color: White;
    font-weight: normal;
    font: Arial;
    font-weight: bold;
}

.calendario .ajax__calendar_today /*destaque para a data atual(Today)*/
{
    text-transform: capitalize;
    font-weight: normal;
    font: Arial; /*    background-image: url('../Imagens/base_gridview_bg.jpg');*/
    background-color: #0a5f55;
    color: #0a5f55;
}

.calendario .ajax__calendar_other .ajax__calendar_day
{
    font: Arial;
    color: #CCCCCC;
}

.calendario .ajax__calendar_hover .ajax__calendar_today /*formatação para quando passar o mouse sobre a data atual(Today)*/
{
    font-weight: bold; /*    text-transform: capitalize;     font:Arial;*/
    background-color: #0a5f55;
    color: #0a5f55;
}

.calendario .ajax__calendar_hover .ajax__calendar_title /*formatação para quando passar o mouse sobre o texto do título*/
{
    /*color: white;*/ /*background-color: #006600;*/ /*text-transform: capitalize;     font: Arial;*/
    font-weight: bold;
}