@font-face {
    font-family: 'Oblik-Light';
    src: url('fonts/Oblik_light.otf'); /* IE9 Compat Modes */
}
@font-face {
    font-family: 'Oblik-Regular';
    src: url('fonts/Oblik_regular.otf'); /* IE9 Compat Modes */
}

html, body, ul {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: lighter;
    font-size: 16px;
    line-height: 20px;
}

h1 {
    font-family: 'Oblik-Light', sans-serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 100;
}
h2 {
    font-family: 'Oblik-Light', sans-serif;
    font-size: 25px;
    line-height: 28px;
}
h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 35px;
}
h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 31px;
}

li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
}

a {
    color:#358DBF;
    text-decoration: none;
    font-weight: 700;
}

.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}

input {
    vertical-align: top;
}
.container {
    width: 100%;
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.color-darkblue {
    color: #274275;
}
.color-blue {
    color: #358DBF;
}

#alertaerror {
    position: fixed;
    top: 0;
    left: 50%;
    right: 0;
    margin-left: -160px;
    width: 300px;
    text-align: center;
    background-color: #e11b22;
    padding: 20px;
    border-radius: 0 0 5px 5px;
    color: #fff;
    z-index: 9999;
    display: none;
}

#alertaok {
    position: fixed;
    top: 0;
    left: 50%;
    right: 0;
    margin-left: -160px;
    width: 300px;
    text-align: center;
    background-color: #219e21;
    padding: 20px;
    border-radius: 0 0 5px 5px;
    color: #fff;
    z-index: 9999;
    display: none;
}
/*HEADER*****************************************/
#header {
    padding-top: 15px;
    height: 43px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.15);
    position: relative;
    z-index: 1;
}
    #openmenu {
        background-image: url(../morabanc/images/menu/menu.png);
        width: 38px;
        height: 28px;
        background-size: 20px 11px;
        background-repeat: no-repeat;
        background-position: center left;
        display: inline-block;
        cursor: pointer;
        border-right: 1px solid #D7D7D7;
        vertical-align: top;
    }
    #logo {
        display: inline-block;
        margin-left: 15px;
        padding-top: 3px;
        vertical-align: top;
    }
    #logo img {
        width: 200px;
    }

    #nav {
        display: inline-block;
        vertical-align: top;
        position: relative;
        float: right;
        margin-top: -15px;
    }
    #nav li {
        display: inline-block;
        vertical-align: top;
        list-style: none;
        padding: 21px 12px 0;
        font-size: 13px;
        height: 37px;
        cursor: pointer;
    }
    #nav li a {
        font-weight: 700;
        color: #274275;
        text-transform: uppercase;
        position: relative;
    }
    #nav li.active a:before {
        content: "";
        position: absolute;
        bottom: 2px;
        height: 1px;
        width: 100%;
        background-color: #274275;
    }
    #nav li.alert a:after {
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        background-color: #D43618;
        top: -2px;
        right: -6px;
        border-radius: 6px;
    }

    #nav li.idioma {
        color: #358DBF;
        background-color: #F3F3F3;
        margin-left: 10px;
    }
    #nav .idioma .ico {
        margin-left: 6px;
        vertical-align: middle;
        margin-top: -2px;
    }
    #nav li.logout {
        color: #FFFFFF;
        background-color: #358DBF;
        padding: 21px 22px 0;
    }
    #nav .logout .ico {
        margin-left: 11px;
        vertical-align: middle;
        margin-top: -5px;
    }

    .editcontrol {
        position: absolute;
        top: 27px;
        right: 0;

    }
    .edit {
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        line-height: 17px;
        padding: 13px 3px;
        min-width: 161px;
        text-align: center;
        border: 2px solid #358DBF;
        color: #358DBF;
        border-radius: 5px;
        background-color: transparent;
        cursor: pointer;
        font-weight: bold;
        position: relative;
        padding: 10px 20px 10px 40px;
        text-decoration: none;
    }
    .edit::before {
        content: "";
        position: absolute;
        background-image: url("../morabanc/images/cotizacion/edit.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
        width: 14px;
        height: 14px;
        left: 20px;
        top: 12px;
    }
/*GENERAL*******************************************/
#menu {
    position: fixed;
    height: 100%;
    left: -400px;
    background-color: #313133;
    width: 300px;
    z-index: 10;
    padding: 16px 20px;
    color: #ffffff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
#menu.opened {
    left: 0;
}
    #menu .opc {
        width: calc(100% - 33px);
        border-bottom: 1px solid #5C5C5F;
        padding: 7px 17px 7px 17px;
    }
    #menu .first {
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        cursor: pointer;
        position: relative;
    }
    #menu .listopc {
        display: none;
        padding: 0px 0px 10px 17px;
        position: relative;
        margin-top: 8px;
    }
#menu .first::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: -16px;
    width: calc(100% + 33px);
    height: 1px;
    background-color: #5C5C5F;
}

#menu .first::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 12px;
    height: 10px;
    background-image: url(../morabanc/images/menu/arrow_menu_down.png);
    background-position: center;
    background-repeat: no-repeat;
}
#menu .first.active::after {
    background-image: url(../morabanc/images/menu/arrow_menu.png);
}

    #menu .listopc li {
        margin-top: 15px;
        width: calc(100% - 17px);
    }
    #menu .listopc li a {
        font-weight: 400;
        color: #D7D7D7;
        font-size: 13px;
    }

#menu #closemenu {
    width: 59px;
    height: 58px;
    background-image: url("../morabanc/images/menu/closemenu.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    right: -59px;
    top: 0;
    background-color: #313133;
}

#contenido {
    display: table;
    position: relative;
    width: 100%;
    min-height: 400px;
}
/****** FIRMA FASE 2 ******/
#contenidoConsola {
    display: table;
    position: relative;
    width: 100%;
    min-height: 200px;
}
/***** FIN FIRMA FASE 2 ****/
#col1 {
    padding-top: 40px;
    background-color: #FFFFFF;
    width: 50%;
    display: table-cell;
    vertical-align: top;
    padding-bottom: 30px;
}
#col2 {
    padding-top: 40px;
    background-color: #F9F9F9;
    width: 50%;
    display: table-cell;
    vertical-align: top;
    padding-bottom: 30px;
}

#col1 .section {
    max-width: 496px;
    width: calc(100% - 60px);
    float: right;
    margin-right: 60px;
    position: relative;
}

#col2 .section {
    max-width: 495px;
    width: calc(100% - 60px);
    float: left;
    margin-left: 60px;
    position: relative;
}

/*GARANTIAS*******************************************/
.garantias {
    width: 100%;
}
.garantias li {
    padding-left: 21px;
    width: calc(100% - 21px);
    padding-top: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid #D7D7D7;
}
.garantias li:last-child {
    border-bottom: none;
}

.garantias .title {
    position: relative;
}
.garantias .title:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 10px;
    left: -20px;
    background-color: #358DBF;
    position: absolute;
    top: 8px;
}
.garantias .texto {
    font-weight: 600;
    color: #358DBF;
}

/*GENERAL*******************************************/
.general {
    width: 100%;
    max-width:500px;
    float: right;
}

.placeholder {
    color: #87898C;
    font-size: 15px;
    z-index: 4;
    position: absolute;
    top: 21px;
    left: 20px;
    text-align: left;
    font-weight: normal !important;
    pointer-events: none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
.box_resume .placeholder, #sendemail .placeholder {
    top: 9px;
}
.box_resume .notempty .placeholder, #sendemail .notempty .placeholder, .sendmsn .placeholder {
    display: none;
}
.notempty .placeholder{
    top: 8px;
}


select, input[type="text"], input[type="email"], input[type="date"], input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: none;
}

.selectMultipleTD {
    text-align: center;
    width: 50%;
}
.selectMultiple, .selectMultipleTD select {
    text-align: left;
    font-size: 13px;
    color: #274275;
    display: inline-block;
}

.selMultiSelect 
{
    width:100%;
    border-radius: 5px;
    border: 1px solid #D7D7D7;
    padding: 10px 19px 10px;
    height: 10rem;
}

.selMultiSelect option {
    padding: 15px;
    border-bottom: 1px solid #d7d7d7;
}

.selMultiOption 
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    color: #313133;
    white-space: normal;
}

.__range{
    margin: 30px 0 20px 0;
    -webkit-appearance: none;
    background-color: #d7d7d7;
    height: 5px;
    width: 100%;
    margin: 10px auto;
}
.__range:focus{
    outline:none;
}
.__range::-webkit-slider-thumb{
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #358DBF;
    border-radius: 50%;
    cursor: grab;
}
.slide_title {
    display: inline-block;
    width: 100%;
    max-width: calc(100% - 143px);
    vertical-align: middle;
}
.slide_con_check .slide_title {
    max-width: calc(100% - 185px);
    margin-left: 10px;
}
.slide_con_check .textrange:disabled{
    background:rgb(215, 215, 215);
}
.c_garantias{
    vertical-align: middle;
}

.slide_con_check .__range,.slide_con_check .range_min{
    margin-left: 35px;
}
.slide_con_check .__range {
    width: calc(100% - 35px);
}
.slide_con_check .range_min{
    width:calc(50% - 45px);
}


.slide_number {
    font-weight: 700;
    font-size: 14px;
    max-width: 143px;
    width: 100%;
    display: inline-block;
}
.textrange {
    font-size: 20px !important;
    font-weight: 400 !important;
    max-width: 110px !important;
    padding: 5px !important;
    text-align: center;
    vertical-align: sub;
    margin-right: 7px;
}
.range_values {
    width: 50%;
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    color: #B6B6B6;
}

.range_values.range_max {
    text-align: right;
}

.select, .text, .checkbox, .checkbox_3, .fecha {
    margin-top: 15px;
    width: 100%;
    max-width: 100%;
    position: relative;
}
.notempty .input {
    padding: 30px 19px 10px;
}
.input, .select2-search__field {
    padding: 20px 19px;
    border-radius: 5px;
    border: 1px solid #D7D7D7;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    color: #313133;
    font-weight: 600;
}
.select2-search__field {
    font-weight: 400;
}

.bloque_general {
    padding: 30px 0;
}
.bloque_general:first-child {
    padding-top: 0;
}
.bloque_general:last-child {
    padding-bottom: 0;
}
.bloque_general.linea, .bloque_apartado.linea {
    border-bottom: 1px solid #D7D7D7;
}
.bloque_general .title, .bloque_apartado .title, .dato_poliza_title {
    color: #358DBF;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}



.box_check, .box_check_readonly {
    width: 24px;
    height: 24px;
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    background-color: #ffffff;
    cursor: pointer;
    display: inline-block;
    margin-right: 19px;
    vertical-align: middle;
    position: relative;
}

.box_check.active::after, .box_check_readonly.active::after {
    content: "";
    position: absolute;
    display: inline-block;
    transform: rotate(45deg);
    height: 12px;
    width: 6px;
    border-bottom: 2px solid #358DBF;
    border-right: 2px solid #358DBF;
    top: 4px;
    left: 8px;
}

.precheck {
    font-weight: 600 !important;
    color: #000 !important;
    text-transform: inherit !important;
    font-size: 16px !important;
    line-height: 19px !important;
}

.checkbox_3 {
    text-align: left;
}
.checkbox_3 .box_check_text {
    text-align: left;
    font-size: 13px;
    color: #274275;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    min-width: calc(100% - 100px);
	max-width: calc(100% - 100px);
}
.checkbox_3 .box_check_bl {
    text-align: right;
    width: 35px;
    margin-left: 63px;
    margin-right: 0;
    border: 1px solid #D5E3ED;
    background-color: #ffffff;
    border-radius: 40px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.checkbox_3 .box_check_bl .clicknoactive {
    width: 50%;
    cursor: pointer;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 50;
}
.checkbox_3 .box_check_bl .clickactive {
    width: 50%;
    cursor: pointer;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 50;
}


.checkbox_3 .box_check_bl.noactive {
    border: 1px solid #358DBF;
    background-color: #358DBF;
}
.checkbox_3 .box_check_bl.active {
    border: 1px solid #BE6B00;
    background-color: #BE6B00;
}

.checkbox_3 .box_check_bl:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #D5E3ED;
    border-radius: 20px;
    left: 9px;
    top: -1px;
    background-color: rgba(213,227,237,.65);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
.checkbox_3 .box_check_bl.noactive:after {
    background-color: #FFFFFF;
    border: 1px solid #358DBF;
    left: -1px;
}
.checkbox_3 .box_check_bl.active:after {
    background-color: #FFFFFF;
    border: 1px solid #BE6B00;
    left: 20px;
}

.box_check_text {
    display: inline-block;
    vertical-align: middle;
    color: #313133;
    font-weight: 600;
}
.box_check_text.grey {
    color: #999999;
    font-weight: 300;
    font-size: 15px;
}
.moreoptions, .moreoptions_3 {
    display: none;
    width: 100%;
    text-align: left;
}
.moreoptions.active,  .moreoptions_3.active {
    display: inline-block;
}

.moreoptions_3 {
    max-width: calc(100% - 100px);
    padding-right: 100px;
}

form {
    margin: 0;
}

.botonazul {
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding: 13px 3px;
    min-width: 157px;
    text-align: center;
    border: 2px solid #358DBF;
    color: #FFFFFF;
    border-radius: 5px;
    background-color: #358DBF;
    cursor: pointer;
    font-weight: bold;
}

.botonazul:hover, .botonblanco:hover {
    background-color: #3279A6;
    border: 2px solid #3279A6 !important;
}

.botonblanco {
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding: 13px 3px;
    min-width: 157px;
    text-align: center;
    border: 2px solid #358DBF;
    color: #358DBF;
    border-radius: 5px;
    background-color: transparent;
    cursor: pointer;
    font-weight: bold;
}

.botonazul:disabled {
    background-color: #D7D7D7;
    border: 2px solid #D7D7D7;
}

.proyecto {
    color: #358DBF;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: -25px;
}

.box_resume {
    width: 100%;
    max-width: 350px;
    border-radius: 5px;
    margin: 10px 0;
    border: 1px solid #D7D7D7;

}

.box_resume_head {
    background-image: url("../morabanc/images/cotizacion/bk.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 13px 24px;
    color: #D7D7D7;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px 5px 0 0;
}
.box_resume_head .price {
    font-size: 47px;
    font-family: 'Oblik-Light', sans-serif;
    color: #FFFFFF;
    margin-top: 18px;
    display: inline-block;
    vertical-align: baseline;
}
.box_resume_head .price_time {
    color: #93D6FC;
    display: inline-block;
    vertical-align: baseline;
}

.box_resume_body {
    padding: 16px 24px 16px;
    border-radius: 0 0 5px 5px;
}
.box_resume_body .title {
    font-family: 'Oblik-Light', sans-serif;
    font-size: 22px;
    color: #358DBF;
}
.box_resume_body .subtitle {
    font-size: 12px;
    color: #274275;
    font-weight: 600;
    text-transform: uppercase;
}
.box_resume_body .input {
    max-width: 118px;
    padding: 9px 20px;
    box-sizing: content-box;
}
.box_resume_body .text {
    max-width: 100% !important;
}
.box_resume_body .botonazul {
    min-width: 0;
    margin-left: 10px;
    padding: 9px 14px;
    vertical-align: bottom;
}

.control {
    margin: 25px 0 30px;
}
.control button,.control input  {
    margin-right: 16px;
}
.control button:last-child, .control input:last-child {
    margin-right: 0;
}

.inputleft > div {
    width: calc(100% - 15px) !important;
    margin-right: 15px;
    text-align: left;
}

.inputright > div {
    width: calc(100% - 15px) !important;
    margin-left: 15px;
}

.aftertitle {
    height: 20px;
}

/*CONTRATACIÓN*************************************/
.cabecera_pasos {
    background-color: #274275;
    width: 100%;
    height: 116px;
    padding: 22px 0;
    text-align: center;
    margin-bottom: 20px;

}
    .cabecera_pasos h1 {
        color: #FFFFFF;
        margin: 0;
        position: relative;
    }
    .cabecera_pasos #pasos_bq {
        position: relative;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .cabecera_pasos .pasos {
        margin-top: 15px;
    }
    .cabecera_pasos .pasoitem .num {
        font-weight: 700;
        background-color: #ffffff;
        padding: 7px 13px;
        display: inline-block;
        border-radius: 20px;
        font-size: 18px;
        position: relative;
        color: #274275;
        border: 2px solid #274275;
    }

    .cabecera_pasos .pasoitem.active .num {
        color: #358DBF;
        border: 2px solid #358DBF;
    }

    .cabecera_pasos .pasoitem .num_title {
        color: #93A0B9;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 400;
        margin-top: 7px;
    }

    .cabecera_pasos .pasoitem.active .num_title {
        color: #FFFFFF;
    }

    .cabecera_pasos .pasoitem {
        position: relative;
        min-width: 160px;
    }
    .cabecera_pasos .pasoitem:before {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        background-color: #FFFFFF;
        left: 0;
        right: 0;
        top: 18px;
    }
    .cabecera_pasos .pasoitem.active:before {
        background-color: #358DBF;
    }

    .cabecera_pasos .pasoitem:first-child:before {
        width: 50%;
        left: 50%;
    }
    .cabecera_pasos .pasoitem:last-child:before {
        width: 50%;
        left: 0;
    }

.contratacion {
    text-align: left;
}
.contratacion .bloque_general .title {
    margin-top: 30px;
}
.contratacion h1 {
    margin-bottom: 0;
}

.exito {
    text-align: center;
    margin-top: 188px;
    position: relative;
}
.exito::before {
    position: absolute;
    content: "";
    width: 52px;
    height: 52px;
    background-image: url("../morabanc/images/exito/ok.png");
    background-size: 100%;
    background-position: center;
    left: calc(50% - 26px);
}
.exito .titulo_form {
    margin-top: 66px;
    font-family: 'Oblik-Light', sans-serif;
    font-size: 36px;
    line-height: 40px;
    text-transform: inherit;
}

.exito div {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.botondoc_resultado 
{
     background-image: url("../morabanc/images/exito/doc.png");
 width: 40px;
        height: 40px;
        border-radius: 52px;
        background-size: 100%;
        background-position: center;
        border: none;
        cursor: pointer;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 15px;
 }




.botonver 
{
   background-image: url("../morabanc/images/exito/ver.png");
    width: 52px;
    height: 52px;
    border-radius: 52px;
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}



.botonprint {
    width: 52px;
    height: 52px;
    border-radius: 52px;
    background-image: url("../morabanc/images/exito/print.png");
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.botonemail {
    width: 52px;
    height: 52px;
    border-radius: 52px;
    background-image: url("../morabanc/images/exito/mail.png");
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.botonemail.active {
    background-image: url("../morabanc/images/exito/mail_active.png");
}
.botonpencil {
    width: 52px;
    height: 52px;
    border-radius: 52px;
    background-image: url("../morabanc/images/exito/pencil.png");
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.botondoc {
    width: 52px;
    height: 52px;
    border-radius: 52px;
    background-image: url("../morabanc/images/exito/doc.png");
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#sendemail {
    position: relative;
}
#sendemail .input {
    width: calc(100% - 228px) !important;
    padding: 9px 20px;
    box-sizing: content-box;
    margin-right: 29px;
    vertical-align: middle;
}
#sendemail input[type=submit] {
    width: 155px;
    padding: 9px 1px;
}

.alerta.yellow {
    padding: 16px 27px;
    border: 1px solid #EAAD10;
    background-color: #FFFEF8;
    border-radius: 5px;
    margin-top: 29px;
}

.col_100 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.col_75 {
    width: calc(100% - (100% / 4));
    display: inline-block;
    vertical-align: top;
}

.col_66 {
    width: calc(100% - (100% / 3));
    display: inline-block;
    vertical-align: top;
}

.col_50 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.col_25 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
.col_33 {
    width: calc(100% / 3);
    display: inline-block;
    vertical-align: top;
}

.col_16 {
    width: calc(100% / 6);
    display: inline-block;
    vertical-align: top;
}

.col_5 {
    width: 5%;
    display: inline-block;
    vertical-align: top;
}

.col_8 {
    width: 8%;
    display: inline-block;
    vertical-align: top;
}

.col_10 {
    width: 10%;
    display: inline-block;
    vertical-align: top;
}

.col_12 {
    width: 12%;
    display: inline-block;
    vertical-align: top;
}

.bloque_general{
    width: 100%;
    max-width: 731px;
    display: block;
    margin: 0px auto;
}
.span_realoader {
    right: 0px;
    background: #348DBF url('../morabanc/images/altamira.png') center center no-repeat;
    top: 0px;
    height: 100%;
    left: inherit;
    width: 55px;
    position: absolute;
    border-right: 1px solid #348DBF;
    border-left: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.span_plus {
    right: 0px;
    background: #348DBF url('../morabanc/images/buscador/plus.png') center center no-repeat;
    top: 0px;
    height: 100%;
    left: inherit;
    width: 40px;
    position: absolute;
    border-right: 1px solid #348DBF;
    border-left: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.clearfix{
    clear: both;
}

.msgerror, label.error {
    position: absolute;
    z-index: 5;
    background-color: #C73A1E;
    padding: 9px 13px 10px 13px;
    font-size: 15px;
    color: #ffffff;
    border-radius: 5px;
    left: 7px;
    top: 54px;
    font-weight: normal;
}

#sendemail_form label.error {
    top: 33px;
}

.msgerror:after, label.error:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(199, 58, 30, 0);
    border-bottom-color: #C73A1E;
    border-width: 6px;
    margin-left: -10px;
}

.sub_subtitulo_form.title {
    color: #274275;
    margin-bottom: 0px;
    margin-top: 20px !important;
}
.checkbox_3_title {
    font-size: 11px;
    font-weight: bold;
    color: #358DBF;
    margin-bottom: -10px;
    word-spacing: 10px;
}


.lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,.6);
}
    .lightbox .box {
        background-color: #ffffff;
        box-shadow: 0 2px 4px rgba(0,0,0,.5);
        border-radius: 5px;
        position: relative;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 445px;
        margin-left: auto;
        margin-right: auto;
    }

    .lightbox .box .bqtext {
        text-align: center;
        font-size: 14px;
        color: #000;
        padding: 35px;
    }

    .lightbox .box .bqtext .titulo {
        font-size: 16px;
        color: #313133;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .lightbox .box .controls {
        border-top: 1px solid #E0E0E0;
        text-align: center;
    }
    .lightbox .box .controls button {
        border: none;
        padding: 15px 5px 20px 5px;
        width: calc(50% - 10px);
        border: none;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
    }
    .lightbox .box .controls button.imag {
        padding: 0px 0px 0px 0px;
        vertical-align: bottom;
    }   
    .lightbox .box .controls button.imag2 {
        padding-top: 22px;
    }    
    .lightbox .box .controls button.azul {
        color: #358DBF;
        font-weight: 800;
    }
    .lightbox .box .controls button.black {
        color: #000;
        font-weight: 700;
    }
    .lightbox .box .close_lightbox {
        position: absolute;
        right: 8px;
        top: 8px;
        background-image: url(../morabanc/images/menu/close.png);
        width: 15px;
        height: 15px;
        background-size: 100%;
        cursor: pointer;
    }



/*LOGIN********************************************/
.login {
    text-align: center;
}

.login input[type=submit] {
    width: 100% !important;
    height: 60px;

}
.login .input:focus {
    box-shadow: 0px 0px 8px rgba(0,0,0,.2) !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*LANDING*******************************************/
#landing_slider {
    text-align: center;
    height: 360px;
    /*margin-top: -24px;*/
    background-image: url(../morabanc/images/landing/bkslider.png);
    color: #FFFFFF;
    text-shadow: 0 0 6px rgba(0,0,0,0.4);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#landing_slider .bloq_txt {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}
#productos {
    margin-top: 17px;
    text-align: center;
}
#productos .producto, #productos .enlace {
    margin: 17px 15px;
    max-width: calc((100% / 3) - 82px);
    padding-top: 28px;
    padding-left: 25px;
    padding-right: 25px;
    min-height: 490px;
    padding-bottom: 90px;
    position: relative;
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
}

#productos .enlace {

    color: #ffffff;
    background: rgba(39,66,117,1);
    background: -moz-linear-gradient(top, rgba(39,66,117,1) 0%, rgba(27,120,166,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(39,66,117,1)), color-stop(100%, rgba(27,120,166,1)));
    background: -webkit-linear-gradient(top, rgba(39,66,117,1) 0%, rgba(27,120,166,1) 100%);
    background: -o-linear-gradient(top, rgba(39,66,117,1) 0%, rgba(27,120,166,1) 100%);
    background: -ms-linear-gradient(top, rgba(39,66,117,1) 0%, rgba(27,120,166,1) 100%);
    background: linear-gradient(to bottom, rgba(39,66,117,1) 0%, rgba(27,120,166,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274275', endColorstr='#1b78a6', GradientType=0 );
}

#productos .producto .titulo, #productos .enlace .titulo {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
    line-height: 29px;
}

#productos .producto .subtitulo, #productos .enlace .subtitle {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

#productos .producto .texto, #productos .enlace .texto {
    font-size: 16px;
    margin: 25px 0 20px;
    text-align: center;
}

#productos .producto .item {
    margin-bottom: 8px;
    padding-left: 27px;
    position: relative;
    text-align: left;
}

#productos .producto .item::before {
    content: "";
    position: absolute;
    top:5px;
    left: 0;
    background-image: url("../morabanc/images/landing/tick.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;
}

#productos .producto .boton, #productos .enlace .boton {
    position: absolute;
    bottom: 25px;
    width: calc(100% - 50px);
    text-align: center;
}
#productos .producto .boton .control, #productos .enlace .boton .control {
    margin: 0;
}
#productos .enlace .boton .botonblanco {
    color: #FFFFFF ;
    border: 2px solid #FFFFFF;
}

/*POLIZAS Y BUSCADOR*********************************************************/

.buscador {
    background-color: #f9f9f9;
    width: 100%;
    padding-top: 1px;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
.buscador_head {
    display: block;
    margin: 10px auto;
    text-align: center;
    position: relative;
}
.buscador_head h1 {
    margin-bottom: -10px;
}
.buscador_head h1::after {
    position: absolute;
    content: "";
    background-image: url(../morabanc/images/buscador/mag.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    top: 7px;
    padding-left: 25px;
}

.searchbtn input {
    width: 100%;
    height: 60px;
}

.resultado {
    text-align: center;
}

.resultado h1 {
    margin-top: 15px;
}

.resultado_bloque {
    width: 100%;
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    text-align: left;
    margin: 15px auto;
}
.resultado_cabecera {
    padding: 8px 15px 8px 15px;
    width: calc(100% - 30px);
    position: relative;
}
.resultado_cabecera::after {
    content: "";
    position: absolute;
    background-color: #D7D7D7;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.resultado_cabecera .cab_1 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.resultado_cabecera .cab_2 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

.resultado_cabecera .cab_1 li {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #D7D7D7;
    font-size: 12px;
    font-weight: 600;
    color: #358DBF;
    padding: 0 15px;
}

.resultado_cabecera .cab_1 li:first-child {
    padding-left: 0;
    border-left: none;
}

.resultado_cabecera .cab_2 li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: 600;
    color: #000000;
}

/*AÑADIDO PARA FIRMA FASE 2 (listado Proyectos Guardados)*/
.resultado_cabecera .cab_2 li:last-child {
    padding-left: 90px;
}

.cab_estado 
{
    text-align: right;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;
}
/*FIN AÑADIDO PARA FIRMA FASE 2 (listado Proyectos Guardados)*/

.resultado_txt {
    padding: 12px 20px;
    width: calc(50% - 40px);
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 100;
}

    .resultado_txt .item_cuerpo {
        width: 100%;
    }
    
    .resultado_botones_pol {
     padding: 10px 15px;
       width: calc(15% - 40px);
     display: inline-block ;
     vertical-align: top;
     font-size: 14px;
     font-weight: 100;
    text-align: right;
}

/******* CAMBIOS PARA AÑADIR BOTON "CAMBIAR DATOS" (pólizas retenidas) *****/
.resultado_botones_pol ul li{
    line-height: 40px;
    width: 100% !important;
}
/******* FIN CAMBIOS PARA AÑADIR BOTON "CAMBIAR DATOS" (pólizas retenidas) *****/

.resultado_botones {
     padding: 10px 15px;
     width: calc(50% - 30px);
     display: inline-block;
     vertical-align: top;
     font-size: 14px;
     font-weight: 100;
    text-align: right;
}
.resultado_botones_p {
     width: calc(29% - 30px);
}
    .resultado_botones .ver, .resultado_botones .doc, .resultado_botones .print, .resultado_botones .email, .resultado_botones .firma, .resultado_botones .rechazo, .resultado_botones .firmadoc, .resultado_botones .consola, .resultado_botones .consoladeshab {
        width: 40px;
        height: 40px;
        border-radius: 52px;
        background-size: 100%;
        background-position: center;
        border: none;
        cursor: pointer;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 15px;
    }
    .resultado_botones .firmadeshab 
    {
        width: 40px;
        height: 40px;
        border: none;
        margin-left: 15px;
        background-color:transparent;
    }

    .resultado_botones .botonazul, .resultado_botones .botonblanco {
        margin-left: 15px;
        height: 44px;
        max-width: 145px;
    }
    .resultado_botones .ver {
        background-image: url("../morabanc/images/exito/ver.png");
    }
    .resultado_botones .rechazo {
        background-image: url("../morabanc/images/exito/eliminar.png");
    }
    .resultado_botones .doc {
        background-image: url("../morabanc/images/exito/doc.png");
    }
    .resultado_botones .print {
        background-image: url("../morabanc/images/exito/print.png");
    }
    .resultado_botones .email {
        background-image: url("../morabanc/images/exito/mail.png");
    }
    .resultado_botones .firma {
        background-image: url("../morabanc/images/exito/firma.png");
    }
    .resultado_botones .firmadoc {
        background-image: url("../morabanc/images/exito/firma.png");
    }
    .resultado_botones .consola {
        background-image: url("../morabanc/images/exito/consola.png");
    }
    .resultado_botones .consoladeshab {
        background-image: url("../morabanc/images/exito/consolaGris.png");
        cursor: auto;
    }
    .resultado_botones .firmadeshab {
        background-image: url("../morabanc/images/exito/iconTransparente.png");
        cursor: auto;
    }

.resultado_estado {
    padding: 12px 15px;
    width: calc(17% - 30px);
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 100;
    text-align: right;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 40px;
}

/* ESTADOS FIRMA */
.img_estado_I
{
    background-image: url("../morabanc/images/firma/sin_firmar.png");
}
.img_estado_small_I
{
    background-image: url("../morabanc/images/firma/sin_firmar_small.png");
}
.img_estado_E
{
    background-image: url("../morabanc/images/firma/en_curso.png");
}
.img_estado_small_E
{
    background-image: url("../morabanc/images/firma/en_curso_small.png");
}
.img_estado_F
{
    background-image: url("../morabanc/images/firma/firmado.png");
}
.img_estado_small_F
{
    background-image: url("../morabanc/images/firma/firmado_small.png");
}
/* ESTADOS FIRMA FIN */

#table #head_table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
#table #head_table div {
    display: table-cell;
    font-size: 12px;
    font-weight: 600;
    padding: 17px 0;
    border-bottom: 1px solid #D7D7D7;
}
#table .table_line {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#table .table_line div {
    display: table-cell;
    font-size: 14px;
    font-weight: 300;
    padding: 13px 0;
    border-bottom: 1px solid #D7D7D7;
    cursor: pointer;
    position: relative;
}

#table .table_line span {
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 22px;
}

#table .table_line .alerta::after {
    content: "";
    position: absolute;
    left: 111px;
    width: 6px;
    height: 6px;
    background-color: #D43618;
    border-radius: 6px;
    top: 20px;
}

#table .table_line .pendiente::before {
    content: "Pendiente";
    color: #DCAB00;
}
#table .table_line .revisada::before {
    content: "Revisada";
    color: #87B300;
}
#table .table_line .rechazada::before {
    content: "Rechazada";
    color: #A3A3A3;
}

.polizas_msn {
    background-color: #f3f3f3;
    position: relative;
    margin-top: -1px;
    font-size: 14px;
    padding: 6px 0 23px;
    border-bottom: 1px solid #D7D7D7;
    display: none;
    position: relative;
}
.polizas_msn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9.5px 0 9.5px;
    border-color: #ffffff transparent transparent transparent;
}

.polizas_msn .titulo {
    font-weight: 600;
}

.msn {
    padding: 14px 17px;
    border-bottom: 3px solid #FFFFFF;
}

.msn div{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}
.msn div:first-child {
    margin-right: 90px;
}

.msn .consulta {
    width: 100%;
}

.msn .canal {
     margin-left: 90px;
}

.sendmsn {
    padding: 18px 17px;
}
.sendmsn .notempty .input {
    padding: 20px 19px;
    width: calc(100% / 3);
}
.sendmsn .input {
    font-weight: 400;
    width: 428px;
    margin-right: 30px;
    height: 40px;
}
.sendmsn .botonblanco {
    height: 42px;
    padding-top: 11px;
}
a.botonazul.contratarmsn {
    float: right;
    margin-top: -60px;
    height: 12px;
    margin-right: 21px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.polizas_msn_close {
    width: 16px;
    height: 15px;
    cursor: pointer;
    background-image: url("../morabanc/images/buscador/close.png");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    right: 17px;
}



.mainsub {
    color: #FFFFFF;
}

.bloque_apartado {
    width: 100%;
    max-width: 960px;
    display: block;
    margin: 40px auto 40px;

}
.bloque_apartado .apartado:first-child {
    border-top: 1px solid #D7D7D7;
}
.apartado {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #D7D7D7;
    padding: 14px 0;
    cursor: pointer;
    position: relative;
}

.apartado:before {
    content: "";
    position: absolute;
    background-image: url(../morabanc/images/buscador/arrow_down.png);
    width: 12px;
    height: 6px;
    right: 20px;
    top: 20px;
    background-position: center;
}

.apartado.active:before {
    background-image: url(../morabanc/images/buscador/arrow_up.png);
}
.apartado_form {
    background-color: #F3F3F3;
    padding: 10px 94px 40px;
    position: relative;
    display: none;
    margin-top: -1px;
    border-bottom: 1px solid #D7D7D7;
}

.apartado_form:before {
    content: "";
    position: absolute;
    top: 0;
    left: 19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9.5px 0 9.5px;
    border-color: #ffffff transparent transparent transparent;
}

.dato_poliza {
    background-color: #f3f3f3;
    padding: 13px 0px;
    position: relative;
}
.dato_poliza.archivo {
    text-align: left;
    font-weight: 600;
    font-size: 15px;
}
.dato_poliza.archivo .placetitle,.dato_poliza.archivo button  {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 24px;
}
.dato_poliza.archivo .placetitle .grey {
    color: #87898C;
    font-weight: 400;
}
.dato_poliza.archivo button {
    min-width: 190px;
}

.dato_poliza.archivo input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.dato_poliza.f3col, .dato_poliza.f2col {
    display: table;
    table-layout: fixed;
}
.dato_poliza.f3col .dp_col, .dato_poliza.f2col .dp_col {
    display: table-cell;
    padding: 0 15px;
    border-right: 1px solid #D7D7D7;
    text-align: left;
}
.dato_poliza.f2col .dp_col {
    border: none;
}
.dato_poliza.f3col .dp_col:first-child, .dato_poliza.f2col .dp_col:first-child {
    padding-left: 25px;
}
.dato_poliza.f3col .dp_col:last-child, .dato_poliza.f2col .dp_col:last-child {
    border-right: none;
    padding-right: 25px;
}

.dato_poliza.f2col .dp_col:last-child .lista.garantias {
    max-width: calc(100% - 20px);
    margin-left: 15px;
}

.dp_col .subtitulo_form {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
}

.dato_poliza .select, .dato_poliza .text, .dato_poliza .fecha, .dato_poliza_resultado .text {
    margin: 0;
    margin-bottom: 13px;
}

.dato_poliza .select2-container--default .select2-selection--single, .dato_poliza .select2-container--default .select2-selection--multiple {
    height: 40px;
    padding-top: 11px;
}
.dato_poliza .select2-selection::before {
    width: 40px;
}
.dato_poliza .select2-container--default .select2-selection--single .select2-selection__arrow b, .dato_poliza .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
    width: 11px;
    height: 6px;
    margin: 18px -5px;
}
.dato_poliza .placeholder, .dato_poliza_resultado .placeholder {
    display: none;
}
.dato_poliza .select2-container--default .select2-selection--single .select2-selection__placeholder, .dato_poliza .select2-container--default .select2-selection--multiple .select2-selection__placeholder, .dato_poliza .input::placeholder, .dato_poliza_resultado .input::placeholder {
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #87898C !important;
}

.dato_poliza .garantias li {
    border: none;
    text-align: left;
    font-size: 15px;
    padding-bottom: 0;
}

.dato_poliza .input, .dato_poliza_resultado .input {
    padding: 10px 19px 10px;
}

.polline {
    border-top: 1px solid #D7D7D7;
    margin-top: 40px;
}

.dato_poliza_resultado .resultado_blue {
    background-color: #274275;
    border-radius: 10px;
    padding: 12px 0 20px;
    margin-bottom: 15px;
}

.dato_poliza_resultado .resultado_blue .titulo {
    color: #D7D7D7;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}
.dato_poliza_resultado .resultado_blue h2 {
    display: inline-block;
    vertical-align: bottom;
    color: #ffffff;
    font-size: 40px;
    margin: 12px 7px 0 0;
}
.dato_poliza_resultado .resultado_blue .price_time {
    color: #93D6FC;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    vertical-align: bottom;
}

/******* CAMBIOS PARA AÑADIR BOTON "CAMBIAR DATOS" (pólizas retenidas) *****/
.revisar {
    /*position: absolute;*/
    right: 0;
    padding: 8px;
    top: 5px;
    min-width: 105px;
    display: inline-block !important;
    width: 85% !important;
}

.modificar {
    /*position: absolute;*/
    right: 0px;
    padding: 8px;
    top: 10px;
    min-width: 105px;
    display: inline-block !important;
    width: 85% !important;
}

/******* FIN CAMBIOS PARA AÑADIR BOTON "CAMBIAR DATOS" (pólizas retenidas) *****/

.upload_doc {
    display: inline-block;
}
.removefile {
    background-color: #ffffff;
    border: none;
    width: 14px !important;
    min-width: 14px !important;
    height: 14px;
    display: inline-block;
    background-image: url('../morabanc/images/buscador/remove.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin: 0 24px 0 10px !important;
}
.upload_doc > div {
    display: contents;
}


.listaelemento {
    padding: 0;
    margin: 4px;
    position: relative;
    text-align: left !important;
    padding-left: 21px;
}

.listaelemento:before {
    content: "";
    position: absolute;
    left: 0;
    top:8px;
    background-color: #358DBF;
    width: 6px;
    height: 6px;
    border-radius: 10px;
}


    /*FOOTER*******************************************/
#footer {
    height: 50px;
    font-size: 12px;
    color: #274275;
    font-weight: 400;
    background-color: #F3F3F3;
    margin-top: 70px;
}

#footer.cols {
    margin-top: 0;
}


#copy {
    text-align: center;
    padding-top: 16px;
}


.data_full {
    /*display: none;*/
}

.data_no #copy {
    width: 100%;
    text-align: center;
}
.data_full #copy {
    float: right;
    padding-top: 16px;
}

.data_full #datacomp {
    display: inline-block;
    background-color: #F9F9F9;
    height: 21px;
    padding: 16px 0 13px;
}
.data_full #datacomp li {
    color: #000;
    border-right: 1px solid #D7D7D7;
    padding: 0 16px;
}
.data_full #datacomp li:last-child {
    border: none;
}

#exportar {
    display: block;
    width: 110px;
}


@media screen and (max-width: 1110px) {
    .container {
        /*width: calc(100% - 20px);*/
    }
}

@media screen and (max-width: 950px) {
    #nav li {
        display: none;
    }
    #nav li.idioma, #nav li.logout {
        display: inline-block;
    }
}

@media screen and (max-width: 780px) {
    #contenido {
        display: inline-block;
    }
    /****** FIRMA FASE 2 ******/
    #contenidoConsola {
        display: inline-block;
    }    
    /***** FIN FIRMA FASE 2 ****/
    #col1, #col2 {
        width: 100%;
        display: inline-block;
    }
    #col1 .section, #col2 .section {
        max-width: 740px;
        margin-left: 20px;
        margin-right: 20px;
        float: none;
    }
    .general,.garantias, .box_resume {
        max-width: 740px;
    }
    .general {
        float: none;
        width: 100%;
    }
    #footer {
        height: auto;
    }
    .data_full #copy {
        float: none;
        width: 100%;
    }
    .data_full #datacomp {
        display: table;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    #productos .producto, #productos .enlace {
        max-width: calc(100% - 82px);
    }
}
@media screen and (max-width: 680px) {
    .col_100, .col_50, .col_33, .col_25, .col_16, .col_66, .col_75 {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .inputleft > div, .inputright > div {
        margin-left: 0;
        margin-right: 0;
        width: 100% !important;
    }
    .cabecera_pasos .pasoitem {
        position: relative;
        min-width: 90px;
    }
    .resultado_botones {
        width: calc(100% - 30px);
        text-align: center;
    }
    .resultado_txt {
        width: calc(100% - 40px);
    }   
    .resultado_estado {
        width: calc(100% - 70px);
    }
    .apartado_form {
        padding: 10px 25px 40px;
    }
    .dato_poliza.f3col .dp_col {
        width: calc(100% - 30px);
        display: block;
    }
    .dato_poliza.f3col .dp_col:first-child {
        padding: 0 15px;
    }    
}
@media screen and (max-width: 500px) {
    #logo img {
        width: 100px;
    }
    #logo {
        padding-top: 9px;
    }
    #nav li.idioma, #nav li.logout {
        padding: 21px 5px 0;
    }

    #sendemail .input {
        width: calc(100% - 42px) !important;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 400px) {
    .control button, .control input {
        margin-right: 10px;
    }
    .botonazul, .botonblanco {
        min-width: 130px;
    }
    .box_resume_body .input {
        max-width: 100%;
        margin-bottom: 10px;
    }
}


.fondoayuda
{
    BACKGROUND-COLOR: white;
    COLOR: black
}

#popup_content {
	background: 16px 16px no-repeat url(../imagenes/info_alerts.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../imagenes/info_alerts.gif);
}

#popup_content.confirm {
	background-image: url(../imagenes/important_alerts.gif);
}

#popup_content.prompt {
	background-image: url(../imagenes/help_alerts.gif);
}

#popup_container {

	font-size: 13px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 3px black;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	top: 250px !important;
}
	
#popup_message {
	font-size: 16px;
	padding-left: 48px;
	text-align: center;
}
#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}



.btnRecalcular 
{
    -webkit-appearance: push-button;
    -webkit-writing-mode: horizontal-tb !important;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    box-sizing: border-box !important;
}


/*BUSCANDO********************************************************************************/
#buscando
{
    /*background-color: rgba(255, 255, 255, .8);*/
	text-align: center;
	padding-top: 20px;
	padding-left: -50px;
	padding-right: 10px;
	width: 100px;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 50%;
}

#buscando p{
	margin-bottom: 20px;
}
#img_buscando {
    animation: spin 2s linear infinite;
		max-width: 80px;
		height: auto:
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.tituloPlano
{
  
    font-weight: 600;
    color: black;
}

/*
.boton {
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding: 13px 10px ;
    min-width: 157px;
	text-align: center;
    border: 2px solid #358DBF;
    color: #FFFFFF;
    border-radius: 5px;
    background-color: #358DBF;
    cursor: pointer;
    font-weight: bold;
}

.boton:hover {
    background-color: #3279A6;
    border: 2px solid #3279A6 !important;
}
*/


.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../morabanc/images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: 30px 30px;
    opacity: .6;
}


.titular
{
  font-family: Oblik, Oblik Regular;
  font-size:16pt; 
  color: #044880;
  padding-top:20px;
  padding-left:30px;
}

.listaDocumentos
{
  font-family: Oblik, Oblik Regular;
  font-size:12pt; 
  color: #666666;
  padding-left:50px;
  text-decoration: none;
}

#selidioma{
color: #358DBF;
 background-color: #F3F3F3;
 border: none;
 cursor: pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
background: url("../morabanc/images/menu/arrow.png") no-repeat right ;
padding-right:10px;
padding-left:10px;
margin-right:7px;
}

/********NOTIFICACIONES *********/

#titulo_header_notif {
    color: #000000;
    font-size: 35px;

}
#titulo_header_notif::after{
    content: ' ';
    background-color: transparent;
    background-image: url(../morabanc/images/sobre.png);
    width: 40px;
    height: 30px;
    display: inline-block;
     margin-left: 13px;
}

/********FIRMA *********/

#titulo_header_firma {
    color: #000000;
    font-size: 35px;

}
#titulo_header_firma::after{
    content: ' ';
    background-color: transparent;
    background-image: url(../morabanc/images/firma/pen.png);
    width: 27px;
    height: 30px;
    display: inline-block;
     margin-left: 13px;
}

.botonfirma {
    background-image: url("../morabanc/images/exito/firma.png");
    /* margin-left: 15px; */
    width: 40px;
    height: 40px;
    border-radius: 52px;
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 15px;
}

.botonconsola {
    background-image: url("../morabanc/images/exito/consola.png");
    /* margin-left: 15px; */
    width: 40px;
    height: 40px;
    border-radius: 52px;
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 15px;
}

.botonconsoladeshab {
    background-image: url("../morabanc/images/exito/consolaGris.png");
    /* margin-left: 15px; */
    width: 40px;
    height: 40px;
    border-radius: 52px;
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: auto;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 15px;
}
  
 .boton_firma {
    background-image: url("../morabanc/images/exito/firma.png");
    /* margin-left: 15px; */
    width: 40px;
    height: 40px;
    border-radius: 52px;
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 15px;
}

 .boton_consola {
    background-image: url("../morabanc/images/exito/consola.png");
    /* margin-left: 15px; */
    width: 40px;
    height: 40px;
    border-radius: 52px;
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 15px;
}

 .boton_consoladeshab {
    background-image: url("../morabanc/images/exito/consolaGris.png");
    /* margin-left: 15px; */
    width: 40px;
    height: 40px;
    border-radius: 52px;
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: auto;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 15px;
}

 .btnfirma {
    background-image: url("../morabanc/images/exito/firma.png");
    /* margin-left: 15px; */
    width: 52px;
    height: 52px;
    border-radius: 52px;
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
   
.firma {
    background-color: #f9f9f9;
    width: 100%;
    padding-top: 1px;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
.firma_head {
    display: block;
    margin: 10px auto;
    text-align: center;
    position: relative;
}
.firma_head h1 {
    margin-bottom: -10px;
}
.firma_head h1::after {
    position: absolute;
    content: "";
    background-image: url(../morabanc/images/exito/firma.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    top: 7px;
    padding-left: 25px;
}
.capa_docs_firma{
	border-left: 15px solid #358DBF;
	padding: 20px;
}
.capa_docs_firma2{
	border-left: 100px solid #358DBF;
	padding: 20px;
}
.boton_desplegar_docs{
	background-image: url("../morabanc/images/firma/flechita_abajo.png");
	background-repeat:no-repeat;
	background-position:center;
	width:14px;
	height:9px;
	border: 0px;
}
.boton_replegar_docs{
	background-image: url("../morabanc/images/firma/flechita_abajo.png");
	background-repeat:no-repeat;
	background-position:center;
	width:14px;
	height:9px;
	border:0px;
	transform: rotate(180deg);
}
.boton_desplegar_docs_deshab{
	background-image: url("../morabanc/images/firma/flechita_abajo_gris.png");
	background-repeat:no-repeat;
	background-position:center;
	width:14px;
	height:9px;
	border: 0px;
	cursor:auto!important;
}
/***** CONSOLA FIRMAS ******/
.div_desplegar
{
    padding-left: 25px !important;
    background-color:transparent;
}
.div_replegar
{
    padding-left: 25px !important;
    background-color: #f9f9f9;
}
/**** FIN CONSOLA FIRMAS ****/

.valign_mid
{
    vertical-align: middle !important;
}

.noborder
{
    border:0px !important;
}

.padl_20
{
    padding-left:20px !important;
}
.padl_5
{
    padding-left:5px !important;
    cursor: pointer !important;
}
.padt_20
{
    padding-top: 20px !important;
}
.padt_55
{
    padding-top: 55px !important;
}
.capa_estado
{
    display: flex !important;
    align-items: center;
}
.firma_producto_title {
    color: #358DBF;
    font-weight: bold;
    font-size: 16px;
}
.firma_poliza_title {
    color: #358DBF;
    font-size: 16px;
}
.deshabilitado
{
    color: Gray;
}
span.red {
  background: red;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
  font-size: x-small;
}
.textoGris
{
    text-align: left; 
	color: #87898C;
	font-size: 15px;
}
.select .boton {
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 5px;
    min-width: 40px;
    text-align: center;
    border: 2px solid #358DBF;
    color: #358DBF;
    border-radius: 5px;
    background-color: transparent;
    cursor: pointer;
    font-weight: bold;	
    margin: 5px 5px;
}

/*SUPLEMENTOS *********************************************************/

.buscador_suplementos {
    display: block;
    margin: 10px auto;
    text-align: center;
    position: relative;
    padding-top: 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.buscador_suplementos h1 {
    margin-bottom: -10px;
    font-weight: bold;
}
.buscador_suplementos .text {
    margin-bottom: -25px;
}
.bloque_suplementos {
    width: 100%;
    max-width: 960px;
    display: block;
    margin: 5px auto 40px;
}
.btnSuplementos {
    background-image: url("../morabanc/images/exito/suplemento.png");
    width: 40px;
    height: 40px;
    border-radius: 52px;
    background-size: 100%;
    background-position: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 15px;
}

.noexito {
    text-align: center;
    margin-top: 188px;
    position: relative;
}
.noexito::before {
    position: absolute;
    content: "";
    width: 52px;
    height: 52px;
    background-image: url("../morabanc/images/exito/ko.png");
    background-size: 100%;
    background-position: center;
    left: calc(50% - 26px);
}
.noexito .titulo_form {
    margin-top: 66px;
    font-family: Arial, sans-serif;
    font-size: 36px;
    line-height: 40px;
    text-transform: inherit;
}
.noexito div {
    margin-left: auto;
    margin-right: auto;
    display: block;
}