@charset "utf-8"; /*!
 * style.css
 */

h1, h2, h3, h3 a {
    font-weight: 400;
    line-height: 30px
}

    a.comofunciona, h2, h3, h3 a {
        margin: 0 0 15px
    }

#header, #nav {
    position: relative
}

    #ambiente img, #nav a.account img, .isNew td.libro_elem_actions, .parrafoDownload img, .tablaPYP img, .tablaPYPDescripciones td img, .verticalAlignMiddle img {
        vertical-align: middle
    }

#ambiente, #content, #footer, #header {
    width: 960px;
    margin: 0 auto
}

#ambiente, #content, #footer, #header, #nav {
    margin: 0 auto
}

#login, .inputLoginForm {
    float: right;
    font-size: 11px
}

.inputLoginForm, body {
    font-family: Arial,Helvetica,sans-serif
}

.tableLogin, .tableLogout {
    border-collapse: collapse
}

#feed ul li, #listadoRegiones {
    list-style: none inside
}

#ambiente a, #nav a {
    display: inline-block
}

.fecha, .ribbon-green:after {
    right: 0
}

.plan-item h1, .textShadow {
    text-shadow: 0 1px 1px #000
}

* {
    padding: 0;
    margin: 0
}

body {
    font-size: 12px;
    color: #000;
    background: #e2e2e2;
    font-family: Arial,Helvetica,sans-serif !important;
}

p {
    margin: 0 0 10px
}

a {
    text-decoration: none;
    color: #036
}

#ambiente a:hover, #extended label, .colCentral .resultado a, .subrayado, .tableFooter a:hover {
    text-decoration: underline
}

    #ambiente a, #nav a, .boxInfoX2 a, .boxInfoX2Fin a, .btn-custom, .btn-custom:active, .btn-custom:focus, .btn-custom:hover, .btn-custom:visited, .btn-orange:hover, .colCentral .resultado a:hover, .portafolioweb a, .tableFooter a, fieldset legend a:hover {
        text-decoration: none
    }

a img {
    border: none
}

h1 {
    font-size: 27px !important;
    margin: 0 0 20px !important;
}

h2 {
    font-size: 20px
}

h3, h3 a {
    font-size: 18px;
    color: #f30
}

ol li, ul li {
    margin: 0 0 0 10px
}

ul {
    margin: 0 0 0 15px
}

    ul li {
        padding: 3px
    }

ol {
    margin: 0 0 15px 15px
}

    ol li {
        padding: 3px 3px 0
    }

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

#wrapperHeader {
    width: 100%;
    background: url(../images/bg-header.png) top left repeat-x
}

#header {
    height: 100px
}

a#logotipo {
    width: 274px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 35px 0 0 15px;
    background: url(../images/logo-GDExpress.png) top left no-repeat
}

    a#logotipo:hover {
        background-position: 0 0
    }

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

#wrapperNav {
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #002549;
    background: url(../images/bg-nav.png) 0 -37px repeat-x #036
}

#nav {
    width: 985px;
    height: 34px
}

    #nav a {
        color: #fff;
        padding: 10px 20px;
        border-right: 1px solid #036;
        background: url(../images/bg-nav.png) 0 -37px #f30
    }

        #nav a:hover {
            color: #fff;
            background: url(../images/bg-nav.png) 0 -74px #f30
        }

        #nav a.active {
            cursor: pointer;
            background: url(../images/bg-nav.png) top center repeat-x #f30
        }

        #nav a.account {
            float: right;
            border: none
        }

            #nav a.account img {
                margin: -5px 0 0
            }

#wrapperAmbiente {
    width: 100%;
    color: #036;
    border-bottom: 1px solid #d4d4d4;
    background: #ffffe1
}

#ambiente {
    height: 24px;
    text-align: center;
    color: #666;
    padding: 10px 0 0;
    overflow: hidden
}

    #ambiente a {
        color: #036
    }

#wrapperContent {
    width: 100%;
    padding: 30px 0;
    background: #f1f1f1
}

#content {
    line-height: 20px
}

.article {
    width: 918px;
    padding: 20px;
    margin: 0 0 20px;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

#login, #logout {
    border: 1px solid #ccc;
    background: #f1f1f1
}

#wrapperFooter {
    width: 100%;
    font-size: 11px;
    border-top: 1px solid #fff;
    background: #e2e2e2
}

#footer {
    color: #333;
    padding: 20px 0
}

#login {
    width: 420px;
    padding: 5px;
    margin: 22px 0 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.tableLogin {
    width: 100%;
    color: #036
}

    .tableLogin td {
        padding: 3px
    }

.fecha {
    position: absolute;
    top: 70px;
    text-align: right
}

.SI-FILES-STYLIZED label.cabinet input.file, .ackalert, .added td, .boxAlert, .boxAlert .alert-green label, .boxAlert .alert-red label, .boxAlert .alert-yellow a, .colCentral .resultado, .colCentral2, .colSidebar, .edited td, .lce-summary-info, .relative, .volver {
    position: relative
}

.inputLoginForm {
    width: 100px;
    color: #333;
    padding: 3px;
    border: 1px solid #ababab
}

.btnConfirmar, .btnEntrar {
    height: 22px;
    font-size: 10px;
    color: #fff;
    margin: 0;
    float: right;
    display: block;
    font-weight: 700
}

.inputLoginForm:focus {
    padding: 3px;
    border: 1px solid #036
}

#logout, .tablaDatosGateway tr.tablaHeaderCap, .tablaDatosGateway tr.tablaHeaderImg, .tablaDatosGateway tr.tablaHeaderModel, .tablaPYP .paddingPYP, .tableLogout td {
    padding: 5px
}

.btnEntrar {
    width: 58px;
    border: none;
    cursor: pointer;
    background: url(../images/buttons/btn-58x22.png) top left no-repeat
}

.btnDaynier {
    background: url(../images/buttons/btn-58x22.png) top left no-repeat;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.btnConfirmar:hover, .btnContactEnviar:hover, .btnCotizar-small:hover, .btnEntrar:hover {
    background-position: 0 -22px
}

.btnConfirmar {
    width: 108px;
    border: none;
    cursor: pointer;
    background: url(../images/buttons/btn-108x22.png) top left no-repeat
}

.btnEnviar, .btnLogin {
    width: 85px;
    height: 25px;
    text-indent: -9999px !important;
    border: none;
    cursor: pointer
}

.btnLogin {
    float: right;
    background: url(../images/btn-login.gif) top left no-repeat
}

.btnEnviar {
    float: left;
    background: url(../images/btn-enviar.gif) top left no-repeat
}

#logout {
    width: auto;
    float: right;
    font-size: 11px;
    margin: 30px 0 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.tableLogout {
    width: 100%;
    font-weight: 700;
    color: #036
}

.sectionHomePresentacionIzq {
    width: 693px;
    height: 334px;
    float: left;
    border: 1px solid #ccc;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background: url(../images/bg-gradient.gif) top left repeat-x
}

    .sectionHomePresentacionIzq h1 {
        font-size: 18px;
        font-weight: 700;
        color: #036;
        margin: 15px 0 10px
    }

    .sectionHomePresentacionIzq li {
        list-style: inside;
        line-height: 18px
    }

a.comofunciona {
    width: 208px;
    height: 100px;
    float: right;
    display: block;
    border: 1px solid #ccc;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-radius-topright: 5px;
    -webkit-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-indent: -9999px;
    background: url(../images/icons/como-funciona-box.webp) top left no-repeat
}

a.contrateahora, a.coticeenlinea {
    width: 208px;
    height: 100px;
    float: right;
    margin: 0 0 15px;
    display: block;
    border: 1px solid #ccc
}

    a.comofunciona:hover, a.contrateahora:hover, a.coticeenlinea:hover, a.gdeCloud:hover, a.gdeGateway:hover, a.reposicion24:hover {
        border: 1px solid #f30;
        background-position: 0 -100px
    }

a.coticeenlinea {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-indent: -9999px;
    background: url(../images/icons/cotice-en-linea-box.webp) top left no-repeat
}

a.contrateahora {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-indent: -9999px;
    background: url(../images/icons/contrate-ahora-box.webp) top left no-repeat
}

a.gdeCloud, a.gdeGateway {
    border: 1px solid #ccc;
    width: 208px;
    height: 100px;
    float: right;
    margin: 0 0 15px;
    text-indent: -9999px;
    display: block
}

a.gdeCloud {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: url(../images/icons/gde-cloud-box.png) top left no-repeat
}

a.gdeGateway {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: url(../images/icons/gde-gateway-box.png) top left no-repeat
}

a.reposicion24 {
    width: 208px;
    height: 100px;
    float: right;
    margin: 0 0 15px;
    display: block;
    border: 1px solid #ccc;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-indent: -9999px;
    background: url(../images/icons/reposicion-24-horas-v.png) top left no-repeat
}

.boxInfo, .boxInfoFin {
    width: 183px;
    border: 1px solid #ddd;
    padding: 20px;
    background: #fff;
    float: left
}

#boxes #dialog, fieldset.white {
    background-color: #fff
}

.boxInfo {
    margin: 0 19px 20px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

    .boxInfo:hover, .boxInfoFin:hover, .boxInfoMini:hover, .boxInfoMiniFin:hover, .boxInfoX2:hover, .boxInfoX2Fin:hover {
        border: 1px solid #999
    }

    .boxInfo a, .boxInfoFin a, .boxInfoMini a, .boxInfoMiniFin a {
        display: block;
        text-decoration: none
    }

.boxInfoFin {
    margin: 0 0 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.boxInfoMini, .boxInfoMiniFin {
    width: 134px;
    padding: 20px;
    float: left;
    margin: 0 10px 20px 0;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.bgGrisClaro, .boxInfoDisabled {
    background: #f6f6f6
}

.boxInfoX2, .boxInfoX2Fin {
    width: 428px;
    padding: 20px;
    background: #fff
}

.boxInfoX2 {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.boxInfoX2Fin {
    float: right;
    margin: 0 0 20px;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.contLogoEmpresas, .contLogoEmpresas img {
    width: 107px;
    height: 80px
}

.boxAlert {
    left: 25px;
    bottom: 100px
}

    .boxAlert .alert-yellow {
        border-radius: 15px;
        height: 30px;
        width: 30px;
        background-color: #f7f12f;
        border: 1px solid #ddd;
        float: right;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.2),0 3px 10px 0 rgba(0,0,0,.19);
        margin-right: 4px
    }

        .boxAlert .alert-green:hover, .boxAlert .alert-orange:hover, .boxAlert .alert-red:hover, .boxAlert .alert-warning:hover, .boxAlert .alert-yellow:hover {
            box-shadow: 0 1px 2px 0 rgba(0,0,0,.5),0 3px 10px 0 rgba(0,0,0,.5)
        }

        .boxAlert .alert-yellow a {
            color: #000;
            top: 6px
        }

    .boxAlert .alert-orange {
        border-radius: 15px;
        height: 30px;
        width: 30px;
        background-color: #f1960f;
        border: 1px solid #fda117;
        float: right;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.2),0 3px 10px 0 rgba(0,0,0,.19);
        margin-right: 4px
    }

    .boxAlert .alert-green, .boxAlert .alert-red {
        border-radius: 15px;
        height: 30px;
        width: 30px;
        margin-right: 4px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.2),0 3px 10px 0 rgba(0,0,0,.19);
        float: right
    }

        .boxAlert .alert-green a, .boxAlert .alert-orange a, .boxAlert .alert-red a, .boxAlert .alert-warning a {
            color: #fff;
            position: relative;
            top: 6px
        }

    .boxAlert .alert-red {
        background-color: #ab1a00;
        border: 1px solid #ab1a00
    }

    .boxAlert .alert-green {
        background-color: #5cb85c;
        border: 1px solid #5cb85c
    }

        .boxAlert .alert-green label {
            color: #000;
            top: 2px
        }

    .boxAlert .alert-red label {
        color: #fff;
        top: 2px
    }

    .boxAlert .alert-warning {
        border-radius: 15px;
        height: 30px;
        width: 30px;
        overflow: hidden;
        background: url(../images/icons/error.png) 7px no-repeat #ff9800;
        cursor: pointer;
        text-indent: -99999px;
        float: right;
        border: 1px solid #c3a9a1;
        margin-right: 4px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.2),0 3px 10px 0 rgba(0,0,0,.19)
    }

#feed, .grisClaro {
    color: #666
}

.contLogoEmpresas {
    float: right;
    border: 1px solid #ccc
}

.volver {
    float: right;
    font-size: 11px;
    margin: -20px 25px 0 0
}

#inputCodRect, .font12, .simple-popup-responde {
    font-size: 12px
}

.volver a {
    color: #999
}

.parrafoDownload {
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #f6f6f6
}

.sidebarTreewiew, pre {
    background: #fff;
    border: 1px solid #ccc
}

pre {
    padding: 5px 10px;
    margin-bottom: 15px
}

.sidebarTreewiew {
    float: left;
    width: 916px
}

    .sidebarTreewiew .addTree {
        min-height: 100px;
        padding: 10px
    }

    .sidebarTreewiew .selector {
        padding: 5px 10px;
        border-bottom: 1px solid #ccc;
        background: #f8f8f8
    }

        .sidebarTreewiew .selector select {
            width: 278px;
            padding: 5px;
            border: 1px solid #ccc
        }

.codeAsistance {
    float: right;
    width: 555px;
    min-height: 300px;
    border: 1px solid #ccc;
    background: #fff
}

.col292 {
    width: 292px;
    float: left;
    margin: 0 20px 20px 0
}

.col292Fin {
    width: 292px;
    float: right;
    margin: 0 0 20px
}

.col272RightBorderLeft {
    width: 272px;
    float: right;
    padding: 0 0 0 20px;
    margin: 0 0 20px;
    border-left: 1px solid #ccc
}

.col604 {
    width: 604px;
    float: left;
    margin: 0 20px 20px 0
}

.col604Fin {
    width: 604px;
    float: right margin: 0 0 20px 0
}

.colCentral, .colCentral2, .colSidebar {
    float: left;
    min-height: 300px
}

.colSidebar {
    width: 180px;
    margin: 0 20px 0 0
}

    .colSidebar h2 {
        font-size: 14px;
        margin-bottom: 5px;
        border-bottom: 1px solid #ccc
    }

    .colSidebar ul {
        margin-bottom: 15px;
        margin-left: 0
    }

        .colSidebar ul li {
            list-style: none;
            margin-left: 0
        }

.colCentral {
    width: 620px
}

    .colCentral .resultado {
        width: 598px;
        padding: 6px 10px;
        margin: 0;
        border: 1px solid #fff;
        line-height: 5px;
        color: #666
    }

        .colCentral .resultado .boldBlack {
            color: #000;
            font-weight: 700
        }

        .colCentral .resultado:hover {
            border: 1px solid #ddd;
            background: #f9f9f9
        }

.pagination {
    width: 100%;
    color: #ccc;
    padding: 10px;
    margin: 0 0 10px
}

    .pagination a {
        margin: 0 3px
    }

        .fcolor-danger, .naranjo, .pagination a.pagActive {
            color: #f30
        }

.colCentral .QVextra {
    position: absolute;
    top: -1px;
    left: 617px;
    padding: 10px;
    border: 1px solid #919191;
    background: #fff;
    line-height: 20px;
    width: 278px;
    z-index: 99999;
    display: block;
    box-shadow: 0 1px 5px #666
}

#mask, .ribbon-green:before {
    left: 0
}

.colCentral .QVextra .QVarrowLeft {
    width: 11px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: -11px;
    background: url(../images/globe-extra-left.png) top left no-repeat
}

#boxes .window, #mask {
    position: absolute;
    top: 0
}

.colCentral .QVextra .QVcross {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    border: 10px solid #fff;
    background: url(../images/icons/crossQV.png) no-repeat
}

    .colCentral .QVextra .QVcross:hover {
        background: url(../images/icons/crossQV.png) 0 -7px no-repeat
    }

.colCentral2 {
    width: 715px
}

.Follow, .PPView, .PView, .Pay, .QView, .SII, .Track {
    width: 26px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    text-indent: -99999px;
    height: 24px
}

.FollowInActive {
    background: url(../images/buttons/bot-sis-follow.png) no-repeat
}

.FollowActive {
    background: url(../images/buttons/bot-sis-follow.png) 0 -24px no-repeat !important
}

.QView {
    background: url(../images/buttons/bot-sis-QView.png) no-repeat
}

    .QView:hover {
        background: url(../images/buttons/bot-sis-QView.png) 0 -24px no-repeat
    }

.PView {
    background: url(../images/buttons/bot-sis-Prev.png) no-repeat
}

    .PView:hover {
        background: url(../images/buttons/bot-sis-Prev.png) 0 -24px no-repeat
    }

.PPView {
    background: url(../images/buttons/bot-sis-PrintP.png) no-repeat
}

    .PPView:hover {
        background: url(../images/buttons/bot-sis-PrintP.png) 0 -24px no-repeat
    }

.Track {
    background: url(../images/buttons/bot-sis-Track.png) no-repeat
}

    .Track:hover {
        background: url(../images/buttons/bot-sis-Track.png) 0 -24px no-repeat
    }

.Pay {
    background: url(../images/buttons/bot-sis-Pay.png) 0 -16px no-repeat
}

    .Pay:hover {
        background: url(../images/buttons/bot-sis-Pay.png) 0 3px no-repeat
    }

.SII, .SII:hover {
    background: url(../images/buttons/bot-refresh.png) 50% 50% no-repeat
}

.WRF, .WRF:hover {
    width: 21px
}

.WRF {
    vertical-align: top
}

.Ack, .Ack-alert, .Demail, .Discard, .Elimin, .Restore, .anular, .anularc, .desanular, .desanularc {
    border: none;
    width: 26px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -99999px
}

.row-in-proccess td:first-child, .row-in-proccess-test td:first-child, .row-in-waiting td:first-child {
    width: 17px;
    height: 17px;
    background: url(../images/indicator.gif) no-repeat
}

.fontBold, .simple-popup-responde span.field {
    font-weight: 700
}

.Demail {
    height: 24px;
    background: url(../images/buttons/bot-sis-Demail.png) no-repeat
}

    .Demail:hover {
        background: url(../images/buttons/bot-sis-Demail.png) 0 -24px no-repeat
    }

.Discard {
    height: 24px;
    background: url(../images/buttons/discard-grey-color.png) no-repeat
}

    .Discard:hover {
        background: url(../images/buttons/discard-grey-color.png) 0 -24px no-repeat
    }

.Restore {
    height: 24px;
    background: url(../images/buttons/restore-grey-color.png) no-repeat
}

    .Restore:hover {
        background: url(../images/buttons/restore-grey-color.png) 0 -24px no-repeat
    }

.Ack, .Ack-alert, .Ack-alert:hover, .Ack:hover {
    background: url(../images/buttons/hand-shake.png) 0 0/80% no-repeat
}

.Ack, .Ack-alert {
    height: 24px;
    opacity: .3
}

    .Ack-alert:hover, .Ack:hover {
        opacity: .6
    }

.ackalert {
    font-weight: 700;
    color: red;
    opacity: .5;
    font-size: large;
    left: -7px
}

.Elimin {
    height: 24px;
    background: url(../images/buttons/bot-sis-elimin.png) no-repeat
}

    .Elimin:hover {
        background: url(../images/buttons/bot-sis-elimin.png) 0 -24px no-repeat
    }

.anular:hover, .desanular:hover {
    background: url(../images/buttons/anular.png) 0 -24px no-repeat
}

.anular {
    background: url("../images/buttons/anular.png") no-repeat rgba(0,0,0,0);
    height: 24px
}

.anularc {
    background: url("../images/buttons/anularc.png") 0 -24px no-repeat rgba(0,0,0,0);
    height: 21px
}

.desanular {
    background: url("../images/buttons/anular.png") no-repeat rgba(0,0,0,0);
    height: 24px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.desanularc {
    background: url("../images/buttons/desanularc.png") no-repeat rgba(0,0,0,0);
    height: 21px
}

.desanular:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.colAdds {
    float: right;
    width: 150px;
    min-height: 300px;
    margin: 0 0 0 20px
}

.adds {
    width: 138px;
    height: 104px;
    padding: 5px;
    margin: 0 0 20px;
    border: 1px solid #ddd;
    background: #fff
}

.actionListConsultas {
    display: inline;
    margin-left: 10px;
    opacity: .4
}

#tableAsistente li:hover .actionListConsultas, #tableAsistente tr:hover .actionListConsultas {
    opacity: 1
}

.actionListConsultas img {
    vertical-align: middle;
    margin-right: 5px
}

.marginRight20 {
    margin-right: 20px
}

.errorCertificate {
    color: red;
    font-size: 10px;
    font-weight: 700;
    margin-left: 20px
}

.clear {
    float: none;
    clear: both
}

.soMovil {
    float: right;
    margin: 9px 0 0;
    display: none
}

.pointer, .pointer2, .pointer3, .pointer4 {
    cursor: pointer
}

.txtAlignLeft {
    text-align: left
}

.plan-container, .txtAlignCenter {
    text-align: center
}

#right, #right2, .txtAlignRight {
    text-align: right
}

.imgFloatLeft {
    float: left;
    margin: 0 20px 10px 0
}

.imgFloatRight {
    float: right;
    margin: 0 0 10px 20px
}

.height25 {
    height: 25px
}

.height50 {
    height: 50px
}

.height100 {
    height: 100px
}

.height200 {
    height: 200px
}

.height180 {
    height: 180px
}

.height300 {
    height: 300px
}

.height500 {
    height: 500px
}

.fontNormal {
    font-weight: 400
}

.fontItalic, .italic {
    font-style: italic
}

.font10 {
    font-size: 10px
}

.font11 {
    font-size: 11px
}

.font13 {
    font-size: 13px
}

.font14 {
    font-size: 14px
}

.font15 {
    font-size: 15px
}

.font16, .link-with-left-icon > i, .plan-feauture-description {
    font-size: 16px
}

.font17 {
    font-size: 17px
}

.font18 {
    font-size: 18px
}

.font19 {
    font-size: 19px
}

.font20 {
    font-size: 20px
}

.font22 {
    font-size: 22px
}

.font24 {
    font-size: 24px
}

.font26 {
    font-size: 26px
}

.font28 {
    font-size: 28px
}

.font30 {
    font-size: 30px
}

.font32 {
    font-size: 32px
}

.font34 {
    font-size: 34px
}

.font36 {
    font-size: 36px
}

.font38 {
    font-size: 38px
}

.font40 {
    font-size: 40px
}

.font46 {
    font-size: 46px
}

.marginTop0 {
    margin-top: 0
}

.marginTop5 {
    margin-top: 5px
}

#global-message .buttons, .marginTop10 {
    margin-top: 10px
}

.marginTop15 {
    margin-top: 15px
}

.marginTop20 {
    margin-top: 20px
}

.marginTop25 {
    margin-top: 25px
}

.marginTop50 {
    margin-top: 50px
}

.marginBottom0 {
    margin-bottom: 0
}

.marginBottom2 {
    margin-bottom: 2px
}

.marginBottom3 {
    margin-bottom: 3px
}

.marginBottom5 {
    margin-bottom: 5px
}

.marginBottom10 {
    margin-bottom: 10px
}

.marginBottom15 {
    margin-bottom: 15px
}

.marginLeft10 {
    margin-left: 10px
}

.marginLeft20 {
    margin-left: 20px
}

.marginLeft30 {
    margin-left: 30px
}

.marginLeft40 {
    margin-left: 40px
}

.marginLeft50 {
    margin-left: 50px
}

.paddingTop10 {
    padding-top: 10px
}

.paddingTop20 {
    padding-top: 20px
}

.paddingTop50 {
    padding-top: 50px
}

.articleSearchBG {
    background: url(../images/bg-search-article.jpg) top left repeat-x #fff
}

.borderTop {
    border-top: 1px solid #ccc;
    padding: 5px 0 0
}

.lineHeight14 {
    line-height: 14px
}

.grisOscuro {
    color: #333
}

.azul, .portafolioweb a:hover {
    color: #036
}

.blanco {
    color: #fff
}

.amarillo {
    color: #f6d155
}

.recientesIcon {
    float: left;
    width: 30px;
    height: 30px;
    margin: 1px 0 0 -30px;
    background: #fff
}

.articleInfo {
    color: #036;
    border: 1px solid #d4d4d4;
    background: #ffc
}

.articleTabla {
    width: 100%;
    padding: 20px;
    margin: 0 0 20px;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.articleTablaInfo, .articleTablaSaldo {
    width: 100%;
    padding: 10px;
    background: #fefed7
}

.articleTablaInfo {
    margin: 10px 0;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.articleTablaSaldo {
    margin: 0 0 10px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #d4d4d4
}

.imgAlignMiddleUltraMargin130 {
    vertical-align: middle;
    margin: 5px 5px 130px 0;
    float: left
}

.imgAlignMiddleUltraMargin100 {
    vertical-align: middle;
    margin: 5px 5px 100px 0;
    float: left
}

.imgAlignMiddleUltraMargin70 {
    vertical-align: middle;
    margin: 5px 5px 70px 0;
    float: left
}

.btnDisabled {
    color: #fff;
    border: none;
    cursor: default !important;
    background: #ccc !important;
    -moz-border-radius: 3px
}

#contratarBox {
    width: 150px;
    height: 80px;
    color: #999;
    float: right;
    text-align: center
}

#inputCodRect {
    margin: 5px 5px 0 0;
    float: none !important;
    padding: 3px;
    border: 2px solid #ccc;
    border-radius: 4px
}

    #inputCodRect:focus {
        border-color: #3e85bc;
        box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(62,133,188,.5)
    }

.btnContratar {
    width: 150px;
    height: 32px;
    float: right;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: block;
    margin: 0 0 10px;
    border: none;
    cursor: pointer;
    background: url(../images/buttons/btn-150x64.png) top left no-repeat
}

.btnAsociarGuias {
    width: 150px;
    height: 32px;
    float: right;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    display: block;
    margin-top: 25px;
    margin-left: 10px;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    background: url(../images/buttons/btn-150x64.png) top left no-repeat
}

    .btnAsociarGuias:disabled {
        width: 150px;
        height: 32px;
        float: right;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        display: block;
        margin-top: 25px;
        margin-left: 10px;
        border: 1px solid #999999;
        border-radius: 3px;
        background: #9b9696;
    }

.btnRules {
    width: 150px;
    height: 32px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: block;
    margin: 0 0 10px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
    background: url(../images/buttons/btn-150x64.png) top left no-repeat
}

.bordeIzq, .tablaDatosGateway .bordeIzq {
    border-left: 1px solid #ddd
}

.btnContratar:hover, .btnCotizar:hover, .btnCotizarForm:hover, .btnRules:hover {
    background-position: 0 -32px
}

.subir {
    width: 50px;
    height: 50px;
    font-size: 10px;
    text-align: center;
    color: #999;
    margin: -40px 0 0 850px
}

.tablaDatosGateway, .tablaPYPDescripciones {
    font-size: 11px;
    line-height: 14px
}

.tablaDatosGateway, .tablaDatosGen {
    margin: 10px 0 15px;
    width: 100%;
    border-collapse: collapse
}

.subir p {
    margin: -5px 0 0
}

.tablaDatosGenComplex, .tablaNoticiasHome {
    width: 100%;
    border-collapse: collapse
}

#listadoRegiones {
    margin: 0;
    padding: 0
}

    #listadoRegiones li {
        height: 17px;
        color: #036;
        margin: 5px 0 0;
        padding: 7px 10px 10px;
        cursor: pointer;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #eee
    }

        #listadoRegiones li:hover {
            color: #036;
            font-weight: 700;
            background: #ddd
        }

            #listadoRegiones li:hover span {
                color: #f60
            }

        #listadoRegiones li span {
            width: 40px;
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            text-align: center;
            margin: 0 10px 0 5px;
            border-bottom: 1px solid #f1f1f1;
            -moz-border-radius: 100px;
            -webkit-border-radius: 100px;
            border-radius: 100px;
            background: #ccc
        }

.zona1, .zona10, .zona11, .zona12, .zona13, .zona14, .zona15, .zona2, .zona3, .zona4, .zona5, .zona6, .zona7, .zona8, .zona9 {
    padding: 50px;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

    .zona1 img, .zona10 img, .zona11 img, .zona12 img, .zona13 img, .zona14 img, .zona15 img, .zona2 img, .zona3 img, .zona4 img, .zona5 img, .zona6 img, .zona7 img, .zona8 img, .zona9 img {
        vertical-align: middle;
        float: right;
        margin: 0 0 0 30px
    }

.tablaDatosGen tr.tablaHeader, .tablaDatosGen tr.tablaHeader:hover, .tablaDatosGenComplex tr.tablaHeader, .tablaDatosGenComplex tr.tablaHeader:hover {
    color: #fff;
    background: #036
}

.tablaDatosGateway tr:hover, .tablaDatosGen tr.tablaDisabled, .tablaDatosGen tr.tablaDisabled:hover, .tablaDatosGen tr:hover, .tablaDatosGenComplex tr.tablaDisabled, .tablaDatosGenComplex tr.tablaDisabled:hover, .tablaDatosGenComplex tr:hover, .tablaPYPDescripciones tr:hover {
    background: #eee
}

.tablaDatosGen tr.tablaDatoExtra, .tablaDatosGenComplex tr.tablaDatoExtra {
    font-weight: 700;
    color: #333;
    background: #fff
}

    .tablaDatosGateway tr.tablaHeaderImg:hover, .tablaDatosGen tr.tablaDatoExtra:hover, .tablaDatosGenComplex tr.tablaDatoExtra:hover, .tablaPYP .bgTableInpar, .zebra {
        background: #fff
    }

.tablaDatosGateway td, .tablaDatosGen td, .tablaDatosGenComplex td {
    padding: 5px;
    border-bottom: 1px solid #ddd
}

.tablaDatosGenComplex tbody > tr:last-child > td {
    border-bottom: 0
}

.tablaDatosGenComplex tbody {
    display: table;
    width: 100%
}

.tablaDatosGateway .backgroundNaranja, .tablaDatosGateway tr.tablaHeaderModel:hover {
    background: #f90
}

.tablaDatosGateway .backgroundGris, .tablaDatosGateway tr.tablaHeaderCap:hover {
    background: #ddd
}

.tablaDatosGateway p {
    margin: 0 0 5px
}

.tablaPYPDescripciones {
    width: 100%;
    margin: 60px 0 15px;
    border-collapse: collapse
}

    .tablaPYPDescripciones tr.tablaPYPDescripcionesTitle {
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        padding: 5px;
        background: #156b9c
    }

        .tablaPYPDescripciones tr.tablaPYPDescripcionesTitle:hover {
            background: #156b9c
        }

    .tablaPYPDescripciones td {
        padding: 10px;
        border-bottom: 1px solid #ddd
    }

.bordeIzq {
    padding: 0 0 0 30px
}

#editing_row_header, #editing_row_header:hover {
    background: #7b7f84
}

.inputFormContratar {
    width: 313px;
    height: 40px;
    border: 1px solid #ccc;
    font: italic 18px Arial,Helvetica,sans-serif;
    padding: 5px 10px;
    color: #89b2d6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.btnFormContratar {
    width: 335px;
    height: 52px;
    font: 18px Arial,Helvetica,sans-serif;
    color: #89b2d6;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #f1f1f1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer
}

    .btnFormContratar:hover {
        color: #036;
        border: 1px solid #036;
        background: #d4d4d4;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

.btnCotizar, .btnCotizar-small, .btnCotizarForm {
    color: #fff;
    border: none;
    font-weight: 700;
    cursor: pointer;
    display: block
}

.btnCotizar {
    width: 150px;
    height: 32px;
    float: left;
    font-size: 16px;
    margin: 0 0 10px;
    background: url(../images/buttons/btn-150x64.png) top left no-repeat
}

.btnCotizar-small {
    width: 108px;
    height: 22px;
    float: left;
    font-size: 14px;
    margin: 0 0 10px;
    background: url(../images/buttons/btn-108x22.png) top left no-repeat
}

.btnCotizarEspaciado {
    margin-right: 15px
}

.btnCotizarForm {
    width: 150px;
    height: 32px;
    font-size: 16px;
    margin: 10px 0 -10px;
    background: url(../images/buttons/btn-150x64.png) top left no-repeat
}

.inputContact, .inputContactExtra, .inputContactMini {
    font-size: 12px;
    color: #333;
    padding: 3px;
    border: 1px solid #ababab;
    font-family: Arial,Helvetica,sans-serif
}

.inputContact {
    width: 273px
}

    .inputContact:focus, .inputContactExtra:focus, .inputContactMini:focus {
        padding: 3px;
        border: 1px solid #f30
    }

.inputContactMini {
    width: 200px
}

.inputContactExtra {
    width: 430px
}

.inputError {
    border: 1px solid red;
    background: #f96
}

    .inputError:focus {
        border: 1px solid #f30;
        background: #fff
    }

.btnContactEnviar {
    width: 58px;
    height: 22px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 0 0 3px;
    margin: 0;
    border: none;
    cursor: pointer;
    background: url(../images/buttons/btn-58x22.png) top left no-repeat
}

.tableFooter {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px
}

    .tableFooter a {
        line-height: 10px;
        color: #036
    }

.portafolioweb {
    float: right;
    font-size: 11px;
    font-weight: 400;
    text-align: right;
    margin: -27px 0 0
}

#global-message, #new-menu-item, .plan-feauture h2, .plan-item, .ribbon-green, .tablaPYP {
    text-align: center
}

.portafolioweb a {
    color: #999
}

#GdeSearchWrapper {
    width: 620px;
    margin: 0
}

.inputGdeSearch {
    float: left;
    width: 479px;
    height: 32px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #000;
    padding: 5px 35px 5px 5px;
    border-top: 1px solid #c6c6c6;
    border-right: none;
    border-bottom: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6
}

    .inputGdeSearch:hover {
        border-top: 1px solid #f60;
        border-right: none;
        border-bottom: 1px solid #f60;
        border-left: 1px solid #f60
    }

.buttonGdeSearch {
    float: left;
    width: 100px;
    height: 32px;
    overflow: hidden;
    background: url(../images/GDEsearch.png) no-repeat;
    cursor: pointer;
    border: none;
    margin: 0;
    text-indent: -99999px
}

    .buttonGdeSearch:hover {
        background: url(../images/GDEsearch.png) 0 -32px no-repeat
    }

    .buttonGdeSearch:active {
        background: url(../images/GDEsearch.png) 0 -64px no-repeat
    }

.SI-FILES-STYLIZED label.cabinet {
    width: 107px !important;
    height: 80px !important;
    background: url(../images/logotipo-generico-mini.jpg) no-repeat;
    display: block;
    overflow: hidden;
    cursor: pointer
}

    .SI-FILES-STYLIZED label.cabinet input.file {
        width: 107px !important;
        height: 80px !important;
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0
    }

#mask {
    z-index: 9000;
    background-color: #000;
    display: none
}

#boxes .window {
    left: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px
}

#boxes #dialog {
    width: 375px;
    height: 203px;
    padding: 10px
}

ul.listaCompartir {
    margin: 0;
    padding: 0
}

    ul.listaCompartir li {
        list-style-type: none;
        list-style-position: inside
    }

        ul.listaCompartir li img {
            margin-right: 5px;
            margin-left: 5px;
            vertical-align: middle
        }

            ul.listaCompartir li img.tipoComparte {
                margin-right: 5px;
                margin-left: -10px;
                vertical-align: middle
            }

.tablaPYP {
    width: 100%;
    border-collapse: collapse;
    color: #333
}

    .tablaDatosGen td.td_libro_elem_actions, .tablaDatosGenComplex td.libro_elem_actions, .tablaPYP td {
        padding: 0
    }

    .tablaPYP .bgTableSku {
        height: 50px;
        background: top left repeat-x #036
    }

    .tablaPYP .bgTablePrice {
        height: 75px;
        background: top left repeat-x #036
    }

    .plan-feauture:nth-child(odd), .tablaPYP .bgTablePar {
        background: #fcfcfc
    }

    .tablaPYP .lineaInferior {
        border-bottom: 1px solid #f3f3f3
    }

    .tablaPYP .lineaLateralDer {
        border-right: 1px solid #f3f3f3
    }

.jscom, .mix htcom {
    color: #4040c2
}

.added td, .com, .comm {
    color: green
}

.aname, .avalue, .regexp {
    color: maroon
}

.entity, .keywords, .tag {
    color: #00f
}

.global {
    color: #008
}

.numbers {
    color: #880
}

.string {
    color: teal
}

.jquery {
    color: #00a
}

.plugin {
    color: red
}

#tooltip.pretty {
    font-family: Arial;
    border: none;
    width: 210px;
    padding: 20px;
    height: 135px;
    opacity: .8;
    background: url('shadow.png')
}

    #tooltip.pretty h3 {
        margin-bottom: .75em;
        font-size: 12pt;
        width: 220px;
        text-align: center
    }

    #tooltip.pretty div {
        width: 220px;
        text-align: left
    }

#tooltip.fancy {
    background: url('shadow2.png');
    padding-top: 5em;
    height: 100px
}

    #tooltip.fancy.viewport-right {
        background: url('shadow2-reverse.png')
    }

#extended {
    margin: 2em 0
}

#yahoo {
    width: 7em
}

#tooltip.right {
    width: 250px
}

#fancy2, .floatRight {
    float: right
}

#footnote1, #footnote2, #footnote3, #footnote4, #footnote5 {
    background: red
}

.list_carousel {
    margin: 0;
    width: 100%
}

    .list_carousel ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .list_carousel li {
        display: block;
        float: left;
        height: 80px;
        margin: 10px 11px;
        padding: 0;
        width: 80px
    }

    .list_carousel.responsive {
        margin-left: 0;
        width: auto
    }

.clearfix {
    clear: both;
    float: none
}

.miniSlider {
    float: left;
    width: 350px
}

.miniSliderNumber {
    float: right;
    font-size: 28px;
    font-weight: 400;
    width: 50px
}

#global-message, .btn-large, .btn-medium, .btn-small, a.folio, fieldset legend {
    font-weight: 700
}

#certificados {
    border: 1px solid #ccc;
    padding: 10px
}

.search-row:hover {
    background-color: #8acbe0 !important
}

.indicator_loading {
    background: url('../images/loader.gif') 0 no-repeat;
    width: 62px;
    height: 13px
}

.resumen {
    width: 100%
}

.plus, .plus_total {
    background: url('../images/icons/add.png') 0 no-repeat;
    font-size: 0;
    padding: 9px
}

.plusInside {
    background: url('../images/plus.png') 0 no-repeat;
    font-size: 0;
    padding: 9px
}

.less, .less_total {
    background: url('../images/icons/cross.png') 0 no-repeat;
    font-size: 0;
    padding: 9px
}

.lessInside {
    background: url('../images/minus.png') 0 no-repeat;
    font-size: 0;
    padding: 6px
}

.error_docs, .error_docs_total {
    background: url('../images/icons/error.png') 0 no-repeat;
    font-size: 0;
    padding: 9px
}

.search {
    background: url('../images/icons/details.png') 0 no-repeat;
    font-size: 0;
    padding: 9px
}

.loading-search {
    background: url(../images/smallloading.gif) 0 no-repeat;
    font-size: 0;
    padding: 9px
}

input.folio {
    width: 40px;
    border: 1px solid #d4d4d4
}

    input.folio:focus {
        border: 1px solid #666
    }

.edit_libro_elem, .edit_libro_elem_total {
    background: url('../images/icons/edit.png') 0 no-repeat;
    font-size: 0;
    padding: 9px
}

.acept_edit_libro_elem, .acept_edit_libro_elem_total {
    background: url('../images/icons/tick.png') 0 no-repeat;
    font-size: 0;
    padding: 9px
}

.cancel_edit_libro_elem, .cancel_edit_libro_elem_total {
    background: url('../images/icons/stop.png') 0 no-repeat;
    font-size: 0;
    padding: 9px
}

.recover_edit_libro_elem, .recover_edit_libro_elem_total {
    background: url('../images/icons/recover.png') 0/20px no-repeat;
    font-size: 0;
    padding: 10px
}

.extra_edit_libro_elem.collapsed {
    background: url('../images/icons/navigate-down-icon.png') 0/20px no-repeat;
    font-size: 0;
    padding: 10px
}

.extra_edit_libro_elem.expanded {
    background: url('../images/icons/Navigate-up-icon.png') 0/20px no-repeat;
    font-size: 0;
    padding: 10px
}

.field-error {
    border: 1px dashed Red
}

tr.inEdition .tablaDatosGenComplex {
    display: block;
    max-height: 150px;
    overflow-y: auto
}

.isNew {
    background: #f3f3fd
}

    .isNew td {
        vertical-align: top
    }

        .isNew td.SiiDte_NroDoc label {
            margin: 5px 0 0
        }

        .isNew td.SiiDte_NroDoc select {
            padding: 2px
        }

.added .SiiDte_NroDoc::before {
    content: "Nuevo-" attr(data-docType);
    font-size: 9px;
    font-style: italic;
    position: absolute;
    top: -5px
}

.edited td {
    color: #00f
}

.edited .SiiDte_NroDoc::before {
    content: "Modificado-" attr(data-docType);
    font-size: 9px;
    font-style: italic;
    position: absolute;
    top: -5px
}

.removed td {
    text-decoration-line: line-through;
    font-style: italic;
    color: red
}

.removed .SiiDte_NroDoc::before {
    content: "Eliminado-" attr(data-docType);
    font-size: 9px;
    font-style: italic;
    position: absolute;
    top: -5px
}

table.tablaDatosGen > tbody > tr.child ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    table.tablaDatosGen > tbody > tr.child ul li:last-child {
        border-bottom: none
    }

    table.tablaDatosGen > tbody > tr.child ul li:first-child {
        padding-top: 0
    }

    table.tablaDatosGen > tbody > tr.child ul li {
        border-bottom: 1px solid #ddd;
        padding: .5em 0
    }

table.tablaDatosGen > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: 700
}

table.tablaDatosGen > tbody > tr.child span.dtr-help {
    display: inline-block;
    background: url('../images/help.png') 0/15px no-repeat;
    font-size: 0;
    padding: 10px;
    margin: 0 0 0 10px;
    float: right
}

.btn-custom {
    border-radius: 4px;
    color: #fff
}

.btn-large {
    font-size: 13pt;
    margin: 5px;
    padding: 5px 43px
}

.btn-medium {
    font-size: 11pt;
    margin: 5px;
    padding: 5px 20px
}

.btn-small {
    font-size: 9pt;
    margin: 0;
    padding: 2px 7px
}

.btn-orange {
    border: 1px solid #f30;
    box-shadow: 0 1px 0 #ff9b82 inset;
    background: #ff7100;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff7100),to(#f30));
    background: -moz-linear-gradient(top,#ff7100,#f30);
    background: -o-linear-gradient(top,#ff7100,#f30);
    background: -ms-linear-gradient(top,#ff7100,#f30)
}

    .btn-orange:hover {
        color: #fff;
        border: 1px solid #036;
        box-shadow: 0 1px 0 #0f5ca9 inset;
        background: #074d93;
        background: -webkit-gradient(linear,left top,left bottom,from(#074d93),to(#036));
        background: -moz-linear-gradient(top,#074d93,#036);
        background: -o-linear-gradient(top,#074d93,#036);
        background: -ms-linear-gradient(top,#074d93,#036)
    }

.sending {
    cursor: default
}

fieldset {
    background-color: #f2f2f2;
    border: none;
    margin: 0 0 20px;
    padding: 5px
}

    fieldset.collapsed {
        padding: 0 5px
    }

    fieldset legend {
        background: url("../images/bg-nav.png") 0 -74px repeat-x rgba(0,0,0,0);
        color: #444;
        display: block;
        margin: 0 -5px;
        padding: 7px;
        text-transform: uppercase;
        width: 792px
    }

        fieldset legend a:link {
            color: #333 !important;
            display: block
        }

        fieldset legend a:hover {
            color: #036;
            background: url("../images/red_arrows.gif") right 5px no-repeat rgba(0,0,0,0);
            display: block
        }

        fieldset legend a {
            background: url("../images/grey_arrows.gif") right 5px no-repeat rgba(0,0,0,0);
            color: #333;
            display: block
        }

    fieldset.collapsed legend a:hover {
        background: url("../images/red_arrows.gif") right -11px no-repeat rgba(0,0,0,0);
        display: block
    }

    fieldset.collapsed legend a {
        background: url("../images/grey_arrows.gif") right -11px no-repeat rgba(0,0,0,0);
        display: block
    }

.display-label, .editor-label {
    color: #000;
    float: left;
    padding: 3px 0 0;
    width: 150px
}

a.folio {
    color: #036
}

.ribbon-wrapper-green {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px
}

.ribbon-green {
    font: bold 15px Sans-Serif;
    text-shadow: rgba(255,255,255,.5) 0 1px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #bfdc7a;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#bfdc7a),to(#8ebf45));
    background-image: -webkit-linear-gradient(top,#bfdc7a,#8ebf45);
    background-image: -moz-linear-gradient(top,#bfdc7a,#8ebf45);
    background-image: -ms-linear-gradient(top,#bfdc7a,#8ebf45);
    background-image: -o-linear-gradient(top,#bfdc7a,#8ebf45);
    color: #6a6340;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3)
}

    .ribbon-green:after, .ribbon-green:before {
        content: "";
        border-top: 3px solid #6e8900;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        bottom: -3px
    }

.ribbon-wrapper-gray {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

.ribbon-gray {
    font: bold 15px Sans-Serif;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #9ca3af; /* gris base */
    background-image: -webkit-gradient(linear,left top,left bottom,from(#9ca3af),to(#6b7280));
    background-image: -webkit-linear-gradient(top,#9ca3af,#6b7280);
    background-image: -moz-linear-gradient(top,#9ca3af,#6b7280);
    background-image: -ms-linear-gradient(top,#9ca3af,#6b7280);
    background-image: -o-linear-gradient(top,#9ca3af,#6b7280);
    color: #ffffff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.35);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.35);
    box-shadow: 0 0 3px rgba(0,0,0,.35);
}

ribbon-gray:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    border-top: 3px solid #4b5563;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.ribbon-gray:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -3px;
    border-top: 3px solid #4b5563;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

ul.content-tabs {
    border: 0
}

    ul.content-tabs > li {
        margin: 0 0
    }

.semaphore {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/icons/lifeDoc-1.png) no-repeat;
    width: 13px;
    height: 13px;
    padding-left: 13px
}

.semaphore-off {
    background: url(../images/icons/lifeDoc-3.png) no-repeat
}

.semaphore-green {
    background: url(../images/icons/lifeDoc-6.png) no-repeat
}

.semaphore-yellow {
    border-radius: 7px;
    background-color: #ffe51e;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    border: 1px solid #dfded9
}

.semaphore-red {
    background: url(../images/icons/lifeDoc-5.png) no-repeat
}

#new-menu-item {
    background-color: #5cb85c;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 80%;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    position: absolute;
    left: 264px;
    bottom: 26px
}

.remove-icon {
    background: url('../images/icons/cross.png') 0 no-repeat;
    font-size: 0;
    height: 16px;
    width: 16px
}

.alert-image {
    width: 26px;
    height: 24px;
    overflow: hidden;
    border: none;
    background: url(../images/icons/error.png) 0 3px no-repeat;
    cursor: pointer;
    text-indent: -99999px
}

#global-message {
    padding: 10px;
    background-color: #5cb85c;
    margin: 10px 0;
    color: #fff;
    border: 1px solid #666
}

.divider {
    border: 1px solid #ddd
}

.w-4p {
    width: 4px
}

.w-8p {
    width: 8px
}

.w-12p {
    width: 12px
}

.w-16p {
    width: 16px
}

.w-24p {
    width: 24px
}

.w-32p {
    width: 32px
}

.display-inline-block {
    display: inline-block
}

.fcolor-success {
    color: #9bc100
}

.fcolor-info {
    color: #2e9fe5
}

.fcolor-gray-v1 {
    color: #75767f
}

.newsDetails, .plan-item h1 {
    font-weight: 700;
    color: #fff
}

.plan-item {
    margin: 0 10px;
    width: 30%;
    display: inline-table;
    border: 1px solid #f3f3f3;
    border-radius: 7px 7px 0 0
}

    .plan-item h1 {
        font-size: 14px;
        border-radius: 7px 7px 0 0;
        border-right: 1px solid #fff;
        background: #036;
        padding: 20px;
        margin: 0
    }

.plan-feauture {
    padding: 5px 15px;
    border: 1px solid #f3f3f3
}

    .plan-feauture.drag {
        padding: 0 45px
    }

    .plan-feauture h2 {
        font-size: 12px;
        font-weight: 500;
        margin: 6px 0 3px
    }

.plan-feauture-control {
    margin: 3px 0 6px
}

.plan-btn-quote {
    padding: 20px 0
}

    .plan-btn-quote .linkBtnBig {
        float: none;
        display: inline-table
    }

.custom-dragdealer {
    margin: 3px 0 10px;
    padding: 0 10px
}

.plan-feauture-list, .plan-feauture-list li {
    list-style: none;
    margin: 0;
    width: 100%
}

.arrow-down, .arrow-up {
    background: url('../images/icons/bullet_arrow_down_32.png') 0 no-repeat;
    height: 10px;
    width: 30px
}

.plan-feauture-control select.form-control {
    margin: 0 auto
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/tipsy-south.gif") 90%/9px no-repeat #fff;
    padding-right: 20px
}

    select.form-control.full-width {
        background: url("../images/tipsy-south.gif") 98%/9px no-repeat #fff
    }

#PayTypeAction {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/tipsy-south.gif") 95%/9px no-repeat #fff;
    padding-right: 20px
}

.floatLeft {
    float: left
}

.article.col-45 {
    width: 45%
}

.zebra:nth-child(odd) {
    background: rgba(210,220,229,.51)
}

.t-grid-header .t-last-header, .top-10 .t-grid-header .t-header {
    padding: 0 .6em
}

.rulecontainer {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #d4d4d4
}

.ruleconfig ul {
    margin: 0
}

    .ruleconfig ul li {
        list-style: none;
        display: inline;
        font-weight: 700;
        margin: 0 10px 0 0
    }

        .ruleconfig ul li.title {
            margin: 0;
            font-weight: 500
        }

        .ruleconfig ul li.text {
            margin: 0 20px 0 0;
            text-align: left
        }

.nano .nano-content {
    padding: 10px
}

.nano .nano-pane {
    background: #888
}

.nano .nano-slider {
    background: #111
}

.arrow-up {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.lceSummaryDiv {
    z-index: 10000;
    width: auto;
    padding: 20px;
    margin: 0 0 20px;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.lce-wrapper {
    position: relative;
    display: table
}

    .lce-wrapper .content {
        margin: 28px 0 0
    }

.customerNews {
    display: inline-block;
    border-radius: 2px;
    padding: 3px;
    background-color: #ffa20066;
    height: 20px;
    width: 100%;
    box-sizing: content-box;
    font-size: 12px;
    color: #000;
}

.newsDetails {
    border-radius: 4px;
    padding: 2px;
    background-color: #ff330066;
    cursor: pointer;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ""!important;
}