html
{
    width:100%;
    height:100%;
}

body 
{
    background-color:#afafaf;
    height:100%;
    padding:0px;
    margin:0px;
    background-image:url("../Imagens/NovoLayout/bg_fd_geral.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:100%;
}

p, b, ul, li
{
    margin:0px;
    padding:0px;
}




/* ----------------Estilização de fontes-------------------------*/

@font-face {
    font-family: 'satelliteregular';
    src: url('fonts/satellite-webfont.eot');
    src: url('fonts/satellite-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/satellite-webfont.woff') format('woff'),
         url('fonts/satellite-webfont.ttf') format('truetype'),
         url('fonts/satellite-webfont.svg#satelliteregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-light_0-webfont.eot');
    src: url('fonts/roboto-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light_0-webfont.woff') format('woff'),
         url('fonts/roboto-light_0-webfont.ttf') format('truetype'),
         url('fonts/roboto-light_0-webfont.svg#roboto_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_ltregular';
    src: url('fonts/roboto-medium_0-webfont.eot');
    src: url('fonts/roboto-medium_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium_0-webfont.woff') format('woff'),
         url('fonts/roboto-medium_0-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium_0-webfont.svg#roboto_thregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_thin';
    src: url('fonts/roboto-thin_0-webfont.eot');
    src: url('fonts/roboto-thin_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin_0-webfont.woff') format('woff'),
         url('fonts/roboto-thin_0-webfont.ttf') format('truetype'),
         url('fonts/roboto-thin_0-webfont.svg#roboto_thregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_cond';
    src: url('fonts/roboto-condensed_0-webfont.eot');
    src: url('fonts/roboto-condensed_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-condensed_0-webfont.woff') format('woff'),
         url('fonts/roboto-condensed_0-webfont.ttf') format('truetype'),
         url('fonts/roboto-condensed_0-webfont.svg#roboto_cond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ----------------Estilização de fontes-------------------------*/

@font-face {
    font-family: 'satelliteregular';
    src: url('fonts/satellite-webfont.eot');
    src: url('fonts/satellite-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/satellite-webfont.woff') format('woff'),
         url('fonts/satellite-webfont.ttf') format('truetype'),
         url('fonts/satellite-webfont.svg#satelliteregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-light_0-webfont.eot');
    src: url('fonts/roboto-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light_0-webfont.woff') format('woff'),
         url('fonts/roboto-light_0-webfont.ttf') format('truetype'),
         url('fonts/roboto-light_0-webfont.svg#roboto_light') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'roboto_ltregular';
    src: url('fonts/roboto-medium_0-webfont.eot');
    src: url('fonts/roboto-medium_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium_0-webfont.woff') format('woff'),
         url('fonts/roboto-medium_0-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium_0-webfont.svg#roboto_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_thin';
    src: url('fonts/roboto-thin_0-webfont.eot');
    src: url('fonts/roboto-thin_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin_0-webfont.woff') format('woff'),
         url('fonts/roboto-thin_0-webfont.ttf') format('truetype'),
         url('fonts/roboto-thin_0-webfont.svg#roboto_thregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_cond';
    src: url('fonts/roboto-condensed_0-webfont.eot');
    src: url('fonts/roboto-condensed_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-condensed_0-webfont.woff') format('woff'),
         url('fonts/roboto-condensed_0-webfont.ttf') format('truetype'),
         url('fonts/roboto-condensed_0-webfont.svg#roboto_cond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebasneue';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?7xe846');
	src:url('fonts/icomoon.eot?#iefix7xe846') format('embedded-opentype'),
		url('fonts/icomoon.woff?7xe846') format('woff'),
		url('fonts/icomoon.ttf?7xe846') format('truetype'),
		url('fonts/icomoon.svg?7xe846#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


.img_fd
{
    width:100%;
    height:100%;

    display:block;
}

.login
{
    width: 550px;
    height:auto;
    display:inline-block;
    margin-top:8%;
    margin-left:20%; 
}

span.title
{
    font-size:30px;
    color:#fff;
    font-family: roboto_thin;
    text-transform:uppercase;
}

h2
{
    font-size:16px;
    color:#fff;
    font-family:roboto_thin;
    text-transform:uppercase;
    margin: 10px 0 20px;
    font-weight: 100;
}
h3
{
    font-size: 14px;
    color: #333;
    font-family: "roboto_cond", sans-serif; font-weight: normal;
    margin: 20px 0;
}
    h3 span
    {
        display: inline-block; padding: 2px 8px; color: #333;
    }
    h3 span:first-child
    {
        padding-left: 0px;  border-left: 0px;
    }

td, p
{
    font-family: "roboto_cond", sans-serif;
    color: #fff;
    font-size: 16px;
}
td
{
    padding: 10px;
}

    td a:link, td a:visited, td a:active
    {
        background-color: #474747;
        padding: 10px 20px;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        text-transform: uppercase; 
        font-weight: normal;
        font-family: roboto_thin;
        font-size: 12px;
    }
        td a:hover
        {
            background-color: #333;
        }



#btnEntrarTravellink.btn_acessar
{
    min-height: 40px;
}



table.tabela_login tr td input
{
    width:240px;
    height:30px;
    border:0px;
    color:#545454;
    padding-left:5px;
    margin:0 0 0 15px;
}

.btn_acessar
{
    width:100px !important;
    height:25px;
    line-height:25px;
    color:#fff !important;
    font-family:roboto_thin;
    text-transform:uppercase;
    font-size:14px;
    background:#474747;
    margin:16px 0 0 0 !important;
    border:0px;
    cursor:pointer;
}

.patthern
{
    display:none !important;
    width:100%;
    height:100%;
    display:inline-block;
    background-image:url("../Imagens/NovoLayout/patthern.png");
    position:absolute;
}

/* =========================== MODAL AUTENTICADOR ============================= */

.MensagemModal
{
    width:500px;
    min-height:200px;
    background:#fff;
}

.MensagemModalHeader
{
    margin: 0;
    display: inline-block;
    width: 100%;
}

/*.MensagemModalHeader span
{
    font-size: 25px;
    color: #fff;
    line-height:50px;
    font-family: roboto_thin;
    text-transform: uppercase;
    margin-left:15px;
}*/

.opps
{
    display:block;
    text-align:center;
    height:50px;
    margin:20px 0 0 0;
}

.opps span
{
    display:inline-block;
    font-size:50px;
    font-family:BebasNeueRegular;
    color:#3c3c3c;
    float:left;
}

.error_type
{
    
    width:400px;
    display:block;
    text-align:center;
    clear:both;
    margin:0 auto;
}

.error_type span
{
    font-size: 16px;
    color: #3c3c3c;
    font-family: roboto;
    text-transform: uppercase;
    margin-top:20px !important;
    margin-bottom:20px !important;
    display:inline-block;
    
}

input.btnMensagemModalOk_Erro
{
    width:35px;
    height:35px;
    background:#094663;
    color:#fff;
    border:0px;
    cursor:pointer;
    float:right;
    font-size:25px;
    font-family:roboto_thin;
}

.modal_novo_user
{
    width:700px;
    height:382px;
    padding:10px;
    background:#fff;
}

.alert_primeiro_acesso
{
    font-size:35px;
    font-family:roboto_thin;
    display:block;
    text-align:center;
    width:100%;
    margin:0 0 25px 0;
    padding:10px 0;
    background:#a72121;
    color:#fff;
    text-transform:uppercase;
}

.sub_texto
{
    font-family:roboto_cond;
    font-size:18px;
    display:block;
    text-align:center;
    width:100%;
    margin:0 0 25px 0;
    color:#505050;
}

.termos_e_condicoes
{
    width:99%;
    height:115px;
    resize:none;
    color:#505050;
    font-family:roboto_cond;
    font-size:14px;
    border:1px solid #b1b1b1;
    margin:0 0 20px 0;
    overflow:auto;
}

#modalTermoAceite_backgroundElement
{
    background: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.check_aceito
{
    display:inline-block;
    width:100%;
    height:auto;    
    color:#505050;
    font-family:roboto_cond;
    font-size:14px;

}

#checkAceitaTermo
{
    cursor:pointer;
}

#btnConfirmarTermo
{
    width:150px;
    height:30px;
    font-family:roboto_cond;
    font-size:14px;
    float:right;
    display:inline-block;
    border:0px;
    margin:20px 0 0 0;
    background:#454545;
    color:#fff;
    text-transform:uppercase;
    border-radius:0px !important;
}


.container{
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.4);
    position:absolute; z-index:1;
}


/*CSS NOVA TELA SESSÃO EXPIRADA*/
.modal_expired_error{
    position:relative; z-index:2;
    width:100%; margin:200px auto; display:block;
    max-width:450px;
    background:#fff;
    box-shadow:1px 1px 10px rgba(0,0,0,0.2);
    text-align:center;
}
.modal_expired_error .capa{
    width:100%; height:150px;
    float:left;     
    background-position:center top 25px !important;
    background-size: 100px !important;
    background-repeat:no-repeat !important;
}
.modal_expired_error .capa.expired{
    background:rgba(0,0,0,0.3);
    background-image: url(../Imagens/NovoLayout/demonstracao_imagens/time1.png);
}
.modal_expired_error .capa.error{
    background:#e74c3c;
    background-image: url(../Imagens/NovoLayout/demonstracao_imagens/erro4.png);
}


.modal_expired_error p{
    float:left; width:100%; color:#555; 
    margin:15px 0; text-align:center;
    /*font-family:satelliteregular;*/
}
.modal_expired_error .title{font-size:1.5em;}
.modal_expired_error .desc{font-size:1em;}
.modal_expired_error .btn{
    display:inline-block; 
    width: auto; padding:10px 15px;
    margin:20px 0; cursor:pointer;
    border-radius:5px;
    font-family: "roboto_cond", sans-serif;
    text-decoration:none;
}

.btn-blue{background:#309ed2; color:#fff;}
.btn-blue:hover{background:#2680aa; color:#fff;}

.btn-red{background:#d02d2d; color:#fff;}
.btn-red:hover{background:#861a1a; color:#fff;}