.no-close .ui-dialog-titlebar-close {display: none;}

.paso{display: none;}

*{box-sizing: border-box;
    -webkit-transition:all 0.4s 0s ease;
    -moz-transition:all 0.4s 0s ease;
    -ms-transition:none}



#FormularioTarificar {
    max-width: 1000px;
    margin: 0px auto 20px;
    padding: 30px 30px 90px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 16px 20px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 16px 20px 0 rgb(0 0 0 / 30%);
    overflow: hidden;
    min-height: 400px;
    position: relative;
}

 #FormularioTarificar h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

#FormularioTarificar .diaNacimientoAseg {width:250px} 


#cantidadAsegurados > .cantidadAsegsHijo, input.diaNacimientoAseg, input#mesRenovacion, #FormularioTarificar .mesRenovacionPadre li {
    border: 1px solid #b5b5b5;
    padding: 10px 15px;
    margin: 7px;
    border-radius: 3px;
    font-size: 18px;
    text-align:center;
}

#FormularioTarificar #cantidadAsegurados {
    width: 100%;
    max-width: 600px;
    margin: 15px auto;
}


#cantidadAsegurados > .cantidadAsegsHijo:hover,
input.diaNacimientoAseg:hover,
input#mesRenovacion:hover,
#FormularioTarificar .mesRenovacionPadre li:hover {cursor: pointer; border-color: #3DD092;}

#FormularioTarificar ul{list-style: none;padding: 0;}
#FormularioTarificar .fechaNacimientoPadre {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 15px auto;
}

  #BarraProgreso {
    width: 100%;
    max-width: 1000px;
    height: 25px;
    margin: auto;
}

#BarraProgreso #BarraProgresoRelleno {
    height: 100%;
    width: 0%;
    background: rgb(240,248,255);
    background: linear-gradient(
90deg
, rgba(240,248,255,1) 0%, rgba(0,110,181,1) 100%);
} 
#FormularioTarificar .anyadirMasAsegs {display: flex; align-items: center;} 
#FormularioTarificar span.masAsegurados,
#FormularioTarificar span.menosAsegurados {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    background-color: #bce7fa;
    border-radius: 50%;
    font-size: 1.5rem;
}
#FormularioTarificar .anyadirMasAsegs p {font-size: 14px;}
#FormularioTarificar .anyadirMasAsegs > * {margin: 7px;}

#FormularioTarificar ul.botones li.avanza,
#FormularioTarificar button.avanza
{position: absolute !important;
    bottom: 25px;
    right: 0;
    left: 0;
    margin: auto;
    color: #FFF;
    z-index: 99;
    background-color: #3DD092;
    border-radius: 6px;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    width:250px; text-align:center
}

#FormularioTarificar ul.botones li.avanza:hover, #FormularioTarificar button.avanza:hover {
    cursor: pointer;
    opacity: 0.7;
}

#FormularioTarificar .mesRenovacionPadre ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#FormularioTarificar .mesRenovacionPadre li {
    min-width: 130px;
    text-align: center;
}

#FormularioTarificar .datosPersonalesPadre {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    margin: auto;
}
#FormularioTarificar .datosPersonalesPadre input {
    margin: 10px 1%;
    width: 48% !important;
    border: 1px solid #b5b5b5;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 18px;
    height: 50px !important;
    box-sizing:border-box
}

#FormularioTarificar .datosPersonalesPadre input#idcorreo {width: 98% !important;}
#FormularioTarificar #noquierodartel{display:none}
#FormularioTarificar #lopd {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
}
#FormularioTarificar input#idprotecciondatos {width: 20px !important;}
#FormularioTarificar ul.boton_atras {
    display: flex;
    justify-content: space-between;
    list-style: none;
    position: absolute;
    bottom: 25px;
    padding: 0px;
    margin: 0px;
}
#FormularioTarificar ul.boton_atras li#boton_atras {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #b5b5b5;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    font-size: 0.0rem;
}

#FormularioTarificar ul.boton_atras li#boton_atras::after{content: url(/../../../imagenes/angulo.svg); height: 20px;}
#FormularioTarificar ul.boton_atras li#boton_atras:hover {border: 1px solid #006eb5; cursor:pointer}

#FormularioTarificar .seleccionado,
#FormularioTarificar .seleccionado:hover {
    border: 2px solid #3DD092 !important;
}

#FormularioTarificar input.error,
#FormularioTarificar select.error,
#formularioTarificacion li.error,
{
    border: 2px solid red !important;
    border-bottom: 2px solid red !important;
    box-sizing: border-box;
}

.no-precio {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.boton_contratar_bloq {
    background: #eaeaea !important;
    color: #989696 !important;
    border-bottom: 3px solid #bdbaba !important;
    cursor: inherit !important;
    width: 100%;
    max-width: 110px;
    margin: 0px auto;
    padding: 10px 0px;
    border-radius: 5px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
p.parrafo_bloq {
    text-align: center;
    font-size: 10px;
    color: #808080 !important;
    width: 100%;
    max-width: 150px;
    margin: 2px auto;
    line-height: 100%;
}

.mensaje {
    background: rgb(247, 234, 103);
    border-bottom: 3px solid #e5d959;
    margin: 0px auto 25px;
}
.llamada p {
    font-size: 20px;
    text-align: center;
}

.mensaje, .mensaje_2 {
    width: 96%;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    font-size: 120%;
    font-variant: all-petite-caps;
    margin-top: 0px;
    border-radius: 3px;
    line-height: 100%;
}
.llamada {
    margin-top: 10px;
    text-align: center;
    padding-bottom: 20px;
}
.llamada span {
    font-size: 40px;
    font-weight: bold;
}

#llamada_abajo {padding: 10px 30px;}
.llamada button {
    background-color: #F00;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8px;
    border-bottom: 5px solid #d10a0a;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 5px;
    margin-top: 20px;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    width: 86%;
    white-space: initial;
}

div.contenedorDental div.linea:nth-child(even) {background: #f5f5f5;}
*.error{border: 2px solid red !important; border-bottom: 2px solid red !important; box-sizing: border-box;}
#COMPARATIVA div.trioSelect{display:flex; flex-wrap:wrap;}
#COMPARATIVA div.trioSelect > *{font-size: 16px !important;
    width: 32.5% !important;
    background-color: #dcecf9;
    border-radius: 5px;
    border-bottom: 2px solid #a2b9cb;
    margin: 10px auto;
    color: #004a6d !important;
    padding: 10px 0px;
}
#COMPARATIVA p.indicacionSeleccionSeguroComparativasSucu {
    width: 100%;
    margin: 10px 0px !important;
    padding: 0px !important;
    font-size: 14px;
}

/*********ESTILO TABLA DATOS TARIFICACION************************/
div.datosTarificacion{display:flex !important; flex-wrap:wrap; width:100% !important; max-width:600px; margin:30px auto; background-color:#fff}
div.datosTarificacion > div{width: 25%; padding:5px 0px; border:1px solid #e5e5e5; }
div.datosTarificacion > div:nth-child(1), div.datosTarificacion > div:nth-child(2),
div.datosTarificacion > div:nth-child(3), div.datosTarificacion > div:nth-child(4){background-color:#2184be; color:#fff}
table.datosTarificacion{display:none}
/**/
@media only screen and (max-width: 480px) {
	div.datosTarificacion > div{width: 50%;font-size:16px}
	div.datosTarificacion > div:nth-child(1){order:1}
	div.datosTarificacion > div:nth-child(2){order:3}
	div.datosTarificacion > div:nth-child(3){order:5}
	div.datosTarificacion > div:nth-child(4){order:7}
	div.datosTarificacion > div:nth-child(5){order:2}
	div.datosTarificacion > div:nth-child(6){order:4}
	div.datosTarificacion > div:nth-child(7){order:6}
	div.datosTarificacion > div:nth-child(8){order:8}
}
/**/
@media only screen and (min-width: 481px) and (max-width: 768px) {
div.datosTarificacion{font-size:15px}
}
/*********FIN ESTILO TABLA DATOS TARIFICACION************************/



/******************* PASO FINAL PRECIOS ***************************************/


div.contenedorDental {background: #FFF;margin: -1px auto 60px; width:100%; max-width:1200px;text-align:center;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 16px 20px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 16px 20px 0 rgb(0 0 0 / 30%);
    overflow: hidden;}
.contenedorDental .provincias {width: 100%;display: block;color: red !important;
    padding: 15px 25px;
    text-align: center;
    background-color: #f5f5f5;
    font-size: 18px;
    box-sizing: border-box;
    border-bottom: 3px solid #e0dede;
    margin: 0px;
    line-height:200%
}
.contenedorDental a.modificar {
   background-color: #2184be;
    color: #fff !important;
    padding: 5px 10px;
    font-size: 12px;
    margin-top: 15px;
    border-bottom: 1px solid #1f73a5;
    border-radius: 3px;
    display: inline-flex;
    width: 170px;
    align-items: center;
    text-transform: uppercase;
    justify-content: space-around;
}
.contenedorDental a.modificar::before {
    content: url(/../../../imagenes/icono_modificar.png);
    margin-right: 5px;
}

.lineatitulo {
    display: flex;
    color: #fff;
    background-color: #2184be;
    font-weight: bold;
    justify-content: space-around;
    align-items: center;
}
.logotitulo, .preciotitulo, .preciotitulo2, .notatitulo, .link1titulo, .logotipo_cia, .precio, .precio2, .notas, .link1 {
    width: 18%;
    text-align: center;
}
.PromoTarificador_titulo, .no-promo, .PromoTarificador {width: auto;text-align: center;}
.linea {
    display: flex;
    padding: 50px 0px;
    align-items: center;
    justify-content: space-around;
}
.logotipo_cia, .logo  {
    font-weight: bold !important;
    font-size: 14px !important; text-align:center; width:18%
}
.logotipo_cia div {line-height: 100%;}
.precio, .precio2 {
    font-weight: bold;
    font-size: 18px;
}
.precio span, .precio2 span{font-size:150%}

.boton_contratar, .notas a, .notas span {
    width: 110px;
}

.boton_contratar:hover{opacity:0.7}

.notas >*>*{width:110px !important; height:30px}
.notas a, .notas span {
    padding: 10px 0px;
    line-height: 100%;
    background: white;
    width: 97px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid #e09305;
    min-height: 20px;
    text-decoration: none;
    width: 100px;
    margin: 3px auto;
    cursor: pointer;
    color: #000 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.notas a:hover{opacity:0.7}
.muestra_ayuda {display: block !important;}
.boton_contratar {
    background-color: #1ebd7d;
    font-size: 15px;
    padding: 15px 0px;
    border-bottom: 3px solid #1a9a66;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 5px;
    margin: 0px auto;
    color: #FFF !important;
    font-weight: bold;
    cursor: pointer;
    -webkit-appearance: none;
}
.link1 input[type="submit"] {
    background-color: #f00;
    border-radius: 5px;
    color: #fff;
    border-bottom: 4px solid #dd0303 !important;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    -webkit-appearance: none;
    height: 50px;
    border:none
}
.link1{display:flex; align-items:center;justify-content: center;flex-wrap: wrap;}
.link1 form{margin-bottom:0px;}
form span.con_recibo {
    line-height: 100% !important;
    font-size: 0.65rem;
    display: block;
    padding: 5px 0px;
}
.contenedorDental .PromoTarificador img:hover {cursor: pointer;}
.img_promo {display: none;border: 1px solid #eaeaea;}
.img_promo img{width:100%; max-width:400px}

.ui-dialog {top: 20% !important;}


.llamada::before {
    content: url(../../../../../imagenes/llamada/telefonista.jpg);
    float: left;
    margin-left: 15%;
}


/******* ESTILO NUEVO LOPD ******************************/
#FormularioTarificar #lopd{margin:15px auto}
#FormularioTarificar #lopd label{font-size:11px; margin-left:8px}
#FormularioTarificar #lopd label a{font-weight:bold; text-decoration:underline}
#FormularioTarificar #lopd input#idprotecciondatos{width:70px !important; margin-top:-10px; min-width:25px}
#FormularioTarificar #lopd{align-items: start}
#FormularioTarificar #lopd label p {margin-top: -15px !important;font-size: 11px;}
#FormularioTarificar #lopd label p > *{font-size: 11px;}






/************************************************************************** movil ************************************/
@media only screen and (max-width:480px) {

    #FormularioTarificar {padding: 10px 10px 100px;}
    #FormularioTarificar h2 {font-size: 21px;}
    #FormularioTarificar ul.botones li.avanza, #FormularioTarificar button.avanza, #FormularioTarificar ul.boton_atras  {bottom: 30px; max-width: 170px;}
    #FormularioTarificar .mesRenovacionPadre li {min-width: 125px;}
    #FormularioTarificar .datosPersonalesPadre input {width: 98% !important;}
    #FormularioTarificar .fechaNacimientoPadre h4{margin:0px}
    #FormularioTarificar input#idprotecciondatos {
    width: 30px !important;
    margin-right: 15px;
}
#FormularioTarificar .datosPersonalesPadre {width: 100%;}
    .contenedorDental .provincias {
    width: 100%;
    display: block;
    font-size: 16px;
    background-color: none;
    padding: 5px;
    margin: 0px;
    border-bottom: none;
}
.lineatitulo {font-size: 12px;}
.logotitulo, .preciotitulo {width: 50%; padding: 10px 0px;}
.notatitulo, .PromoTarificador_titulo, .link1titulo, .preciotitulo2, .precio2 {display: none;}
.linea {flex-wrap: wrap; position: relative; align-items: start;}
.boton_contratar {display: block; margin-top: 15px;}
.linea > div {width: 50%;}
.PromoTarificador, .no-promo {position: absolute; top: 0;}
.boton_contratar { margin-top: 7px;}
.linea {padding: 40px 0px;}
.precio, .no-precio {margin-top: 17px;}
.precio {font-size: 21px;}
.notas {margin-top: 10px;}
.link1 input[type="submit"] {
    font-size: 15px !important;
    padding: 11px 10px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 74px;
}
.link1 {margin-top: 0px;}
.link1 form, .boton_contratar_bloq{margin-top: 12px;}
.no-precio {
    width: 90%;
    font-size: 12px;
    color: #f00;
    margin: 20px auto 5px;
    display: inline-block;
}

#COMPARATIVA div.trioSelect > * {width: 98% !important;}

 .linea div.logo + div{display:none}

.llamada::before {
    content: url(../../../../../imagenes/llamada/telefonista.jpg);
    float: none;
    margin-left: 0px;
}






}





/**************************************************************************** tablet **************************************/
@media only screen and (min-width:481px) and (max-width:768px) {
	
#FormularioTarificar {padding: 20px 20px 100px;}
#FormularioTarificar .datosPersonalesPadre{width:100%}
#FormularioTarificar ul.botones li.avanza, #FormularioTarificar button.avanza, #FormularioTarificar ul.boton_atras  {bottom: 25px;}

.logotitulo, .preciotitulo {width: 50%;padding: 10px 0px;}
.notatitulo, .PromoTarificador_titulo, .link1titulo, .preciotitulo2, .precio2 {display: none;}
.linea {flex-wrap: wrap; position: relative;padding: 40px 0px;}
.linea > div {width: 50%;}
.notas img, .logotipo_cia img {width: auto;}
.boton_contratar, .notas a, .notas span {width: 60% !important}
.link1 input[type="submit"] {width: 75% !important;}
.PromoTarificador, .no-promo {position: absolute; top: 0;}
.no-precio {font-size: 12px;}
.link1{display:block}
.boton_contratar_bloq {max-width: 124px;}
.mensaje {margin-bottom: 10px;}

#COMPARATIVA div.trioSelect > * {width: 48% !important;}


.linea div.logo + div{display:none}
.llamada::before {
    content: url(../../../../../imagenes/llamada/telefonista.jpg);
    float: none;
    margin-left: 0px;
}


}





/********************************************************************** laptop **********************************************/
@media only screen and (min-width:769px) and (max-width:1024px) {

    .no-precio {width: 36%;}





	}



/******************************************************************** ordenador ***********************************************/
@media only screen and (min-width:1025px) { 

    
.no-precio {width: 36%;}


}
/************************************ MODAL ************************************************************************************/

#modificaDatosDialog #datosPersonalesFormulario{display: flex; flex-wrap: wrap; width:100%; margin:auto}
    #modificaDatosDialog #datosPersonalesFormulario input{margin:10px 1%; width:48% !important; border:1px solid #b5b5b5; padding:10px 15px; border-radius: 3px; font-size:18px; height:50px !important}
    /*#modificaDatosDialog #modificarDatos input#idcorreo {width: 98% !important;}*/
    #modificaDatosDialog #datosPersonalesFormulario p{width:100%; font-size: 24px; text-align: center; margin-bottom: 7px; line-height:100%; text-align:left}
    #modificaDatosDialog .fechaNacimientoPadre{width:100%;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0px auto;}
    #modificaDatosDialog .anyadirMasAsegs {display: flex; align-items: center;justify-content: center; width: 100%;}
    #modificaDatosDialog .anyadirMasAsegs p {font-size: 14px !important; width:auto !important}
    #modificaDatosDialog .fechaNacimientoPadre h4 {font-weight: normal !important;margin: 0px;font-size: 18px !important;}
    #modificaDatosDialog span.masAsegurados, #modificaDatosDialog span.menosAsegurados {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    min-width:30px;
    background-color: #bce7fa;
    border-radius: 50%;
    font-size: 1.5rem;
}
#modificaDatosDialog .anyadirMasAsegs > * {margin: 7px;}

button#boton_comparar_otras_compas{color: #FFF;
    background-color: #3DD092;
    border-radius: 6px;
    border: none;
    z-index: 999;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    min-width: 250px;
    display: block;
    margin: 30px auto 15px;
    }


    #modificaDatosDialog #datosPersonalesFormulario{margin-top:-8px}

    #modificaDatosDialog #datosPersonalesFormulario > p{text-align:center}

    button.ui-dialog-titlebar-close{border: 1px solid #c5c5c5;background-color: #f6f6f6;}