html, body { width: 100%; height: 100%; background-color: #FFFFFF; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
body { background: #FFFFFF; text-align: center; margin: 0px 0px 0px 0px; position: relative; }

li, ul { margin: 0; padding: 0; list-style-type: none; }
Table, Table td { padding: 0; border-spacing: 0; }
input:focus { outline: none; }
select:focus { outline: none; }
textarea:focus { outline: none; }
element { outline: none; }
input, select, textarea { -webkit-appearance: none; border-radius: 0; }
/*Safari Rounded Corners*/

img { border: 0; }
a, a:hover, a:active, a:focus, a:visited { text-decoration: none; outline: none; }
    a[href^=tel] { color: inherit; text-decoration: none; }
input[type="text"]:disabled { background: #FFFFFF; }

.blockLeft { display: block; float: left; }
.blockRight { display: block; float: right; }
.block100 { display: block; width: 100%; }
.blockLeft100 { display: block; float: left; width: 100%; }
.blockRight100 { display: block; float: left; width: 100%; }

.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*REGION LOGIN*/
#login #div_main { display: table; position: absolute; height: 100%; width: 100%; }
#login #div_mid { display: table-cell; vertical-align: middle; }
#login #div_logo { margin: 0 auto; width: 1024px; text-align: left; }
#login #div_center { margin: 0 auto; width: 408px; text-align: left; }

footer { width: 100%; text-align: center; color: #FFFFFF; opacity: 0.7; padding-top: 30px; bottom: 4%; left: 0; margin: 0 auto; position: absolute; min-height: 70px; }
    footer a { text-decoration: none; color: #FFFFFF; }

.div_login { color: #FFFFFF; z-index:999; position:relative; }

.ico_email { width: 22px; height: 20px; background: url(/images/icon_mail.svg) no-repeat 0px 0px; border: 0; }
.ico_phone { width: 25px; height: 20px; background: url(/images/icon_phone.svg) no-repeat 0px 0px; border: 0; }

#login .subtitulo { margin-top: 15px; margin-bottom: 25px; line-height: 180%; }
#login .box { position: relative; height: 66px; width: 404px; border: 2px solid #EBEBEB; border: 2px solid rgba(235, 235, 235, .25); border-radius: 35px; margin-bottom: 10px; box-shadow: 0 12px 24px 0 rgba(41,49,57,0.05); }
    #login .box.error { border: 2px solid #EC3F3F; }
    #login .box input { height: 32px; line-height: 32px; border: 0; padding-top: 15px; padding-bottom: 15px; margin-left: 55px; width: 330px; padding-left: 1px; padding-right: 10px; background-color: transparent; color: #FFFFFF; }
#login .ico_username { position: absolute; top: 21px; left: 25px; width: 22px; height: 23px; background: url(/images/icon_user.svg) no-repeat 0px 0px; border: 0; opacity: 1; }
#login .ico_password { position: absolute; top: 20px; left: 25px; width: 21px; height: 22px; background: url(/images/icon_codigo.svg) no-repeat 0px 0px; border: 0; }
#login .ico_email { position: absolute; top: 21px; left: 25px; }
#login .btn { display: block; height: 70px; width: 408px; border-radius: 35px; border: 0; font-size: 18px; color: #FFFFFF; text-align: center; line-height: 66px; vertical-align: middle; text-decoration: none; cursor: pointer; }
.btn_link { color: #FFFFFF; font-size: 12px; text-decoration: underline; background: transparent; border: 0; line-height: 19px; cursor:pointer;}

/*ENDREGION LOGIN*/

/*REGION MAIN*/
#main #div_main { height: 100%; width: 100%; }
#main #linha_header { height: 4px; background: linear-gradient(135.35deg, #D70F27 0%, #25346B 100%); border-bottom: solid 80px #F7F7F7; }
#main .site2 #linha_header { height: 88px; background: linear-gradient(135.35deg, #012549, #0F365E); border-bottom: 0px; }

/**/

/*#main .site2 #linha_header { height: 88px; background: repeating-linear-gradient( 45deg, #091A3A, #091A3A 4px, #162644 4px, #162644 5px ); border-bottom: 0px; }*/

#main #div_logo { margin: 0 auto; width: 1530px; text-align: left; position: relative; height: 170px; top: -84px; }
#main .site2 #div_logo { margin: 0 auto; width: 1530px; text-align: left; position: relative; height: 100px; top: -69px; }
#main #div_sair { position: absolute; top: 0px; right: 0px; }
    #main #div_sair .btn { position: absolute; top: 18px; right: 34px; background-color: #FFFFFF; box-shadow: 0 12px 14px 0 rgba(32,43,51,0.06); }
#main #div_center { margin: 0 auto; width: 960px; text-align: left; }
#main .subtitulo { margin-top: 30px; margin-bottom: 40px; line-height: 37px; }
#main #div_center_info_escritorio { margin: 0 auto; width: 960px; text-align: left; }

.alertalegitimidade { margin-bottom: 10px; }
#main .alertalegitimidade { color: #D70F27;padding: 0px 30px 0px 30px;text-align: center;}

#UpdatePanel_DadosPessoais .bloco {
    height: 340px;
}
#main .bloco { display: table; width: 100%; padding: 30px; border: 4px solid #F7F7F7; border-radius: 8px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main .bloco .lbl { display: table-cell; vertical-align: top; color: #6F7580; font-size: 15px; line-height: 28px; padding-right: 30px; }
#main .bloco .chk_off { vertical-align: top; min-width: 138px; background-color: #F3F4F6; border-radius: 100px; color: #25346B; font-size: 14px; line-height: 19px; text-align: center; height: 52px; padding: 15px; border: 0; cursor: pointer; transition: all 0.3s ease 0s; }
#main .bloco .chk_on { vertical-align: top; min-width: 138px; border-radius: 100px; color: #FFFFFF; font-size: 14px; line-height: 19px; text-align: center; height: 52px; padding: 15px 5px 15px 25px; background: #42E3BC url(/images/check.svg) no-repeat -8px 6px; border: 0; box-shadow: 0 10px 15px 0 rgba(66,227,188,0.2); cursor: pointer; transition: all 0.3s ease 0s; }
#main .btn { vertical-align: top; min-width: 138px; background-color: #F3F4F6; border-radius: 100px; color: #25346B; font-size: 14px; line-height: 19px; text-align: center; height: 52px; padding: 15px 30px 15px 30px; border: 0; cursor: pointer; transition: all 0.3s ease 0s; }
#main .bloco .hover:hover { background-color: #42E3BC; color: #FFFFFF; }

#btn_consentimento_all {min-width: 190px!important;}

#main .site2 .bloco { border: 4px solid #E7E7E7; }

#div_descarregue_dados { width: 100%; height: 156px; border-radius: 8px; background: linear-gradient(146.16deg, #D70F27 0%, #25346B 100%); box-shadow: 0 22px 64px 0 rgba(132,32,71,0.34); margin-top: 78px; margin-bottom: 106px; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF; }
.site2 #div_descarregue_dados { width: 100%; height: 156px; border-radius: 8px; background: linear-gradient(135.35deg, #012549, #0F365E); box-shadow: 0 22px 64px 0 rgba(1,37,73,0.34); margin-top: 78px; margin-bottom: 106px; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF; }
.div_logo_footer { text-align: center; margin-top: 100px; }
/*    #div_descarregue_dados .btn { vertical-align: top; min-width: 138px; background-color: #F3F4F6; border-radius: 100px; color: #25346B; font-size: 14px; line-height: 19px; text-align: center; height: 52px; padding: 15px 30px 15px 30px; border: 0; cursor: pointer; transition: all 0.3s ease 0s; }*/
/*ENDREGION MAIN*/

/*REGION OVERLAYS*/
.overlay { display: table; position: fixed; top: 0px; width: 100%; height: 100%; background: rgb(23,26,30); background: rgba(23,26,30,0.81); transition: 1.5s; }
    .overlay .middle { display: table-cell; vertical-align: middle; }
        .overlay .middle .center { margin: 0 auto; width: 390px; text-align: left; background-color: #FFFFFF; box-shadow: 0 22px 44px 0 rgba(50,57,69,0.11); border-radius: 4px; padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
    .overlay .btn { background-color: #25346B !important; border: 0 !important; box-shadow: 0 19px 24px 0 rgba(16,43,81,0.2) !important; color: #FFFFFF !important; width: 100%; }
        .overlay .btn.eliminar { background-color: #D70F27 !important; border: 0 !important; box-shadow: 0 19px 24px 0 rgba(140,12,27,0.3) !important; color: #FFFFFF !important; width: 100%; }
    .overlay .btn_close { position: absolute; width: 25px; height: 20px; background: url(/images/close.svg) no-repeat 0px 0px; border: 0; top: 15px; right: 5px; }
    .overlay .div_textbox_edit { border-bottom: 1px solid #E1E3E6; margin-bottom: 18px; padding-top: 6px; padding-bottom: 8px; position: relative; }
    .overlay .textbox { border: 0px; width: 100%; padding-right: 30px; }
.ico_edit { position: absolute; top: 8px; right: 0px; width: 25px; height: 25px; background: url(/images/edit.svg) no-repeat 0px 0px; border: 0; cursor: pointer; }

.overlay .hover:hover { opacity: .9; cursor: pointer; }
.div_confirmar .div_textbox_edit { border-bottom: 0; margin-bottom: 0px; }


/*ENDREGION OVERLAYS*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FFFFFF; }
::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF; }
:-ms-input-placeholder { /* IE 10+ */ color: #FFFFFF; }
:-moz-placeholder { /* Firefox 18- */ color: #FFFFFF; }
::-moz-placeholder { opacity: 1; }

.t11 { font-size: 11px; }
.t12 { font-size: 12px; }
.t13 { font-size: 13px; }
.t14 { font-size: 14px; }
.t15 { font-size: 15px; }
.t16 { font-size: 16px; }
.t18 { font-size: 18px; }
.t19 { font-size: 19px; }
.t20 { font-size: 20px; }
.t29 { font-size: 29px; }
.t35 { font-size: 36px; }

.cinza28 { color: #283144; }
.cinza32 { color: #323945; }
.cinza6F { color: #6F7580; }
.cinza7e { color: #7E848C; }
.cinza84 { color: #848B96; }
.cinza92 { color: #9299A4; }
.vermelhoec { color: #EC3F3F; }
.error { color: #D70F27; }
.site2 .error { color: #FFFFFF; }

/* FONT FACES */
@font-face { font-family: 'OpenSansBold'; src: url('/css/fonts/opensans-bold-webfont.eot'); src: url('/css/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans-bold-webfont.woff') format('woff'), url('/css/fonts/opensans-bold-webfont.ttf') format('truetype'), url('/css/fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansRegular'; src: url('/css/fonts/opensans-regular-webfont.eot'); src: url('/css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans-regular-webfont.woff') format('woff'), url('/css/fonts/opensans-regular-webfont.ttf') format('truetype'), url('/css/fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansSemibold'; src: url('/css/fonts/opensans-semibold-webfont.eot'); src: url('/css/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans-semibold-webfont.woff') format('woff'), url('/css/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('/css/fonts/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sans_lightregular'; src: url('/css/fonts/opensans-light.eot'); src: url('/css/fonts/opensans-light.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans-light.woff') format('woff'), url('/css/fonts/opensans-light.ttf') format('truetype'), url('/css/fonts/opensans-light.svg#open_sans_lightregular') format('svg'); font-weight: normal; font-style: normal; }

.openSansR { font-family: 'OpenSansRegular',Arial }
.openSansB { font-family: 'OpenSansBold',Arial; font-weight: normal; }
.openSansSB { font-family: 'OpenSansSemibold',Arial; }
.openSansL { font-family: 'open_sans_lightregular',Arial; margin-left: -3px; }

#login #div_logo { height: 135px; }
#login .site2 #div_logo { height: 100px; margin-top: 50px; padding-left:20px;}
#main .site2 #div_logo { padding-left: 20px; }

/*MINI*/
.mini #login #div_main { position: relative; display: inherit; }
.mini #div_logo img { width: 140px; }
.mini .site2 #div_logo img { width: 220px; margin-top: 6px; }
.mini #main .site2 #div_sair .btn { min-width: 68px; right: 10px; }
.mini #main .site2 #div_logo { padding-left: 10px; }
.mini #main #div_center { width: 90%; }
.mini #main #div_center_info_escritorio { width: 90%; }
.mini #main #div_logo { height: 70px; }


.mini #main .bloco .lbl { display: block; margin-bottom: 30px; }
.mini #main .bloco { width: 100% !important; }

.mini .overlay .middle .center { width: 100%; margin:20px auto!important; }
.mini #div_descarregue_dados { height: auto; }

    .mini #div_descarregue_dados .dados { width: 100% !important; }
    .mini #div_descarregue_dados .botao { width: 100% !important; text-align: left !important; }

.mini .coluna1{padding-right:0px!important;}
.mini .coluna2 { padding-top: 10px !important; }

.mini #login #div_center { width: 90% !important; }
.mini #login .btn { width: 100% !important; }
.mini #login .box { width: 100% !important; }
    .mini #login .box input { width: 100% !important; }

.mini #main .bloco .lbl { padding-right: 0px; }

.mini .overlay { display:inherit; overflow-y:scroll; }

.mini footer { position: relative; }

.mini .t35 { font-size: 25px; }

.mini body { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
/*.mini html { overflow: hidden; }*/

.mini #main .subtitulo { margin-bottom: 40px; }
.mini #div_descarregue_dados { margin-top: 40px; margin-bottom: 60px; }
.mini .div_logo_footer { margin-top:60px; }

/*LOADING*/
#loading{display:none;}

.overlay_loading { display: table; position: fixed; top: 0px; width: 100%; height: 100%; background: rgb(23,26,30); background: rgba(23,26,30,0.81); transition: 1.5s; }
    .overlay_loading .middle_loading { display: table-cell; vertical-align: middle; }
        .overlay_loading .middle_loading .center_loading { margin: 0 auto; }

.spinner { width: 40px; height: 40px; position: relative; margin: 0px auto; }

.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #FFFFFF; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; }

.double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
    50% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}

@media only screen and (min-height: 0) and (max-height: 768px) {
    #login #div_center{ margin-top:-90px;}
    #div_login .titulo{font-size:32px;}
    #login .btn {height:60px; line-height:60px;}

    footer { bottom: 0px; }
    .link_login_solicitar_codigo { margin-top: 10px!important; }
}