@font-face {
    src: url('fonts/JLREmericWeb-Regular.woff');
    font-family: 'JLR Emeric';
}

@font-face {
    src: url('fonts/JLREmericWeb-SemiBold.woff');
    font-family: 'JLR Emeric SemiBold';
}

html 
{
    margin: 0px !important;
    padding: 0px !important;
    height: 100% !important;
}

.sepaForm
{
    font-size: 14px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric' !important;
    letter-spacing: .018px !important;
}

.termsForm
{
    font-size: 14px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric' !important;
    letter-spacing: .018px !important;
}

.privacyForm
{
    font-size: 14px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric' !important;
    letter-spacing: .018px !important;
}

body
{
    padding: 0px !important;
    font-size: 12px !important;
    background: none !important;
    background-color: rgb(255, 255, 255) !important;
    margin: 0px !important;
    color: #1e1e1e !important;
    font-family: 'JLR Emeric' !important;
    width: 100% !important;
    overflow-x: hidden !important;
    min-height: 100% !important;
    height: 100% !important;
}

.imgLogin {
    background-image: url("../../Images/AreaPrivadaClientes.jpg");
    background-repeat: no-repeat;
    width: 100px;
    height: 75px;
    min-width: 100px;
    min-height: 75px;
}

#site
{
    min-height: 100% !important;
    position: relative !important;
    width: 100% !important;
}

#siteconteudo
{
    width: 100% !important;
}

#topo
{
    width: 100% !important;
}

#conteudo
{
    width: 100% !important;
    min-height: 100% !important;
    position: relative !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 0px !important;
    padding-bottom: 70px !important;
    font-size: 12px !important;
    font-family: 'JLR Emeric' !important;
}

#conteudoLogin
{
    width: 100% !important;
    min-height: 100% !important;
    position: relative !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 40px !important;
    padding-bottom: 70px !important;
    font-size: 12px !important;
    font-family: 'JLR Emeric' !important;
}

.tablePage
{
    width: 100% !important;
    border-spacing: 0px !important;
}

.tableRodape
{
    width: 100% !important;
    position: absolute !important;
    bottom: 0px !important;
    height: 70px !important;
}

#rodape
{
    width: 100% !important;
    position: absolute !important;
    bottom: 0px !important;
}

#rodape_rodape
{
    padding-top: 0px !important;
    padding-left: 40px !important;
    font-size: 11px !important;
    background: none !important;
    background-color: rgb(0, 0, 0) !important;
    color: rgb(255, 255, 255) !important;
    vertical-align: middle !important;
    font-family: 'JLR Emeric' !important;
    text-align: left !important;
    width: 100% !important;
    letter-spacing: .018px !important;
}

#border_rodape
{
    background: none !important;
    width: 100% !important;
    height: 20px !important;
}

.rodape_ap
{
    font-size: 12px !important;
    letter-spacing: .018px !important;
    background: none !important;
    background-color: #1e1e1e !important;
    color: #fff !important;
    vertical-align: middle !important;
    font-family: 'JLR Emeric' !important;
    text-align: left !important;
    height: 70px !important;
    padding-left: 15px;
    padding-top: 15px;
}

.pageHeader
{
    font-size: xx-small !important; 
    width: 100% !important; 
    height: 70px !important; 
    background: none !important;
    border-spacing: 0px !important;
}

.pageHeaderLogin
{
    width: 735px !important; 
    height: 70px !important; 
    background: none !important;
    border-spacing: 0px !important;
}

.headerLogoBox
{
    vertical-align: bottom !important;
    border-right: 1px solid rgb(232, 232, 232) !important;
    padding-left: 40px !important;
}

.headerLogo {
    background-image: url('../images/fca_header_logo.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: 270px !important;
    width: 270px !important;
    height: 55px !important;
    margin-top: 10px !important;
    text-align: right !important;
    vertical-align: middle !important;
}

.headerLogoText {
    position: relative !important;
    top: 15px;
    margin-right: 15px !important;
    vertical-align: middle !important;
    font-size: 16px !important;
    font-family: 'JLR Emeric' !important;
    font-weight: bold !important;
}

.headerLogoLoginBox {
    vertical-align: bottom !important;
    width: 100% !important;
    border-bottom: 1px solid #c4c4c4;
}

.headerTitleBox
{
    vertical-align: middle !important;
    padding-left: 20px !important;
}

.headerTitle
{
    width: 300px !important;
    font-family: 'JLR Emeric SemiBold' !important;
    font-size: 20px !important;
    letter-spacing: .167px !important;
    vertical-align: middle !important;
    color: #1e1e1e !important;
}

.headerUserInfo
{
    width: 100% !important;
    height: 70px !important;
    vertical-align: middle !important;
    text-align: right !important;
    color: #1e1e1e !important;
    padding-right: 40px !important;
    font-family: 'JLR Emeric' !important;
}

.centered
{
    margin: 0 auto;
}

.rightaligned
{
    margin-right: 0;
    margin-left: auto;
}

.leftaligned
{
    margin-left: 0;
    margin-right: auto;
}

#menu
{
    background: rgb(255, 255, 255) !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid rgb(232, 232, 232) !important;
    border-bottom: 1px solid rgb(232, 232, 232) !important;
    padding-left: 40px;
    padding-right: 40px;
    height: 35px !important;
    font-family: 'JLR Emeric' !important;
}

#menu > div > ul
{
    background-color: rgb(255, 255, 255) !important;
    background-image: none !important;
    border: none !important;
    height: 35px !important;
}

#menu > div > ul > li > a > span
{
    font-family: 'JLR Emeric SemiBold' !important;
    cursor: pointer !important;
    top: 10px !important;
    position: relative !important;
    line-height: normal !important;
    border: none !important;
    border-right: none !important;
    background-image: none !important;
}

#menu > div > ul > li > a > span:hover
{
    background-position: 0% 0%;
    background-image: transparent !important;
    background-color: rgb(232, 232, 232) !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

#menu > div > ul > li > a:hover
{
    background: transparent !important;
}

#menu > div > ul > li
{
    border-left: 1px solid rgb(232, 232, 232) !important;
    height: 35px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    background-image: none !important;
}

#menu > div > ul > li.rmLast
{
    border-right: 1px solid rgb(232, 232, 232) !important;
}

#menu > div > ul > li:hover
{
    background: rgb(232, 232, 232) !important;
    background-image: none !important;
}

#menu > div > ul > li:hover #menuPedidos
{
    background: rgb(232, 232, 232) !important;
    background-image: none !important;
}

.clientInfoLabel
{
    text-align: right !important; 
    vertical-align: top !important; 
    font-size: 11px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric SemiBold' !important;
    padding-left: 20px !important;
}

.clientInfo
{
    font-size: 11px !important;
    color: #1e1e1e !important;
    font-family: 'JLR Emeric' !important;
}

.lastAccessBox
{
    background-color: White !important; 
    font-size: 11px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric SemiBold' !important;
    letter-spacing: .018px !important;
    /*height: 40px !important;*/
    vertical-align: middle !important;
    /*padding-right: 40px !important;*/
}

.titulo
{
    font-family: 'JLR Emeric SemiBold' !important;
    font-size: 18px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    color: #1e1e1e !important;
    letter-spacing: .25px !important;
    padding-bottom: 0px !important;
}

.tableContent
{
    width: 100% !important;
}

.tableTdContent
{
    vertical-align: top !important;
    padding-bottom: 100px !important;
    padding-right: 80px !important;
}

.rgHeader
{
    background-image: none !important;
    background-color: #C4C4C4 !important;
    color: #1e1e1e !important;
    letter-spacing: .022px !important;
    font-family: 'JLR Emeric' !important;
    font-size: 14px !important;
    height: 40px !important;
    border-bottom-color: rgb(196, 196, 196) !important;
}

.tableContratosInfoTitle
{
    position: relative !important;
    top: -10px !important;
    font-size: 16px !important;
    font-family: 'JLR Emeric' !important;
    color: #1e1e1e !important;
    letter-spacing: .067px !important;
    width: 100% !important;
    vertical-align: top !important;
}

.tableTdEmpty
{
    height: 30px !important;
}

.RadGrid_Default
{
    width: 100% !important;
    border-bottom-style: none !important;
    border-top-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
}

.tableIVAInfo
{
    width: 100% !important; 
    text-align: left;
    font-size: 11px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric SemiBold' !important;
    letter-spacing: .018px !important;
    height: 54px !important;
    vertical-align: middle !important;
}

#Message2
{
    font-size: 12px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric' !important;
    letter-spacing: .018px !important;
}

.tableRowMultiLink:before
{
    padding: 0px;
}

.tableRowMultiLink
{
    border-left: 1px solid rgb(231, 231, 231);
    height: 100% !important;
    position: relative !important;
    left: -10px !important;
}

.tableRowMultiLink a
{
    font-size: 12px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric' !important;
    letter-spacing: .018px !important;
    font-weight: normal !important;
    padding-right: 30px !important;
}

.rgMasterTable > tbody > tr > td
{
    font-size: 12px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric' !important;
    letter-spacing: .018px !important;
    font-weight: normal !important;
    padding-left: 10px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 40px !important;
}

.rgMasterTable > tbody > tr > td > b > span
{
    font-size: 12px !important;
}

.rgMasterTable
{
    border: 1px solid rgb(196, 196, 196);
}

#tableTotalContratosInfo
{
    width: 100% !important;
}

.tableDetalheContrato
{
    width: 100%;
}

.inputText, .rfdSelectText, .rfdSelect_selected, .rfdSelectBox, .rfdSelectBox_Vista, .rcbInput
{
    font-size: 12px !important; 
    color: #1e1e1e !important;
    font-family: 'JLR Emeric' !important;
    letter-spacing: .018px !important;
}

.panelTextGrey
{
    font-size: 14px !important; 
    color: #C4C4C4 !important;
    font-family: 'JLR Emeric' !important;
    letter-spacing: .018px !important;
    background-color: #FFFFFF !important;
}

.rfdRoundedCorners {
    background-image: none !important;
    background-color: #FFFFFF !important;
}

a.rmLink {
    background-image: none !important;
}

/* Common Button style */
input[type='button'], input[type='submit'], button {
    font-family: 'JLR Emeric' !important;
    cursor: pointer !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 14px !important;
    display: inline-block !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    background: #C4C4C4 !important;
    padding-left: 7px !important;
    padding-top: 3px !important;
    padding-bottom: 5px !important;
    padding-right: 7px !important;
    height: 23px !important;
}

input[type='button']:hover, input[type='submit']:hover, button:hover
{
    background: rgba(196, 196, 196, .7) !important;
}

.rfdSkinnedButton
{
    background-image: none !important;
}

.rmGroup
{
    border-bottom-color: #c4c4c4 !important;
    border-top-color: #c4c4c4 !important;
    border-left-color: #c4c4c4 !important;
    border-right-color: #c4c4c4 !important;
    background-image: none !important;
}

.rmGroup > li
{
    cursor: pointer !important;
    height: 30px !important;
}

.rmGroup > li > a > span
{
    padding-left: 5px !important;
    font-family: 'JLR Emeric' !important;
    font-size: 12px !important;
    color: #1e1e1e !important;
    letter-spacing: .018px !important;
    background: transparent !important;
    cursor: pointer !important;
}

.rmGroup > li > a
{
    background-image: none !important;
    background: rgb(255, 255, 255) !important;
    cursor: pointer !important;
    padding-top: 4px !important;
}

.rmGroup > li > a:hover
{
    background-image: none !important;
    background: rgb(232, 232, 232) !important;
}

.link
{
    font-size: 11px !important;
    color: rgb(255, 255, 255) !important;
    font-family: 'JLR Emeric' !important;
    letter-spacing: .018px !important;
    font-weight: normal !important;
}

.hrSmall
{
    border: 1px solid black !important;
}


/*--- DEFAULT CSS BEFORE MY CHANGES AND ADDITIONS ---*/

.div_container
{
    position: relative;
    cursor: pointer;
}
.div_on
{
    position: absolute;
    z-index: 10000;
    left: 0px;
    top: 0px;
}
.div_off
{
    position: absolute;
    display: block;
    z-index: 9000;
}

.pesquisar
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BACKGROUND: url('../images/caixa_pesquisa.gif') no-repeat;
    BORDER-LEFT: 0px;
    WIDTH: 120px;
    BORDER-BOTTOM: 0px;
    HEIGHT: 19px
}

#esquerda LI A:hover
{
    BACKGROUND: url('../images/menu.jpg');
    COLOR: #fff
}