* {
    transition: all 0.4s 0s ease !important;
    -webkit-transition: all 0.4s 0s ease !important;
    -moz-transition: all 0.4s 0s ease !important;
    box-sizing: border-box;
    font-family:inherit
}



form#FormularioTarificar{width:100%; max-width:1200px; margin:0px auto 100px; box-shadow: 0 16px 20px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 16px 20px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 16px 20px 0 rgba(0,0,0,0.3);
	-ms-box-shadow: 0 16px 20px 0 rgba(0,0,0,0.3);}
.botones_movil_comparativa{display: none !important;} /* Este estilo se usa en la comparativa de salud, parar el tarificador por compañia */

/***************** ESTILO DEL PRELOADER *****************************/
#cargando {padding:75px !important;}
#CARGANDO.ui-dialog-content.ui-widget-content{min-height:150px !important; min-width:300px !important;}
div[aria-describedby="cargando"] .ui-dialog-titlebar{background: transparent;
border: none;
text-align: center;
font-weight: normal;
padding:0px
}

div[aria-describedby="cargando"].ui-dialog{padding:15px; max-width:400px !important}
div[aria-describedby="cargando"].ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-title{float:none; width:100% !important; white-space: inherit !important; padding: 0px;
font-size: 21px; line-height: 100%; font-weight: normal;}
/*.ui-dialog .ui-dialog-content {min-height: 200px; max-width:350px}*/
#CARGANDO .ui-dialog .ui-dialog-titlebar-close{display:none}
.loader  {
  animation: rotate 4s infinite;  
  height: 50px;
  width: 50px;
  position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin:auto
}

.ui-widget.ui-widget-content

.loader:before,
.loader:after {   
  border-radius: 50%;
  content: '';
  display: block;
  height: 20px;  
  width: 20px;
}
.loader:before {
  animation: ball1 1s infinite;  
  background-color: #3DD092;
  box-shadow: 30px 0 0 #eaeaea;
  margin-bottom: 10px;
}
.loader:after {
  animation: ball2 1s infinite; 
  background-color: #006eb5;
  box-shadow: 30px 0 0 #eaeaea;
}

@keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg) scale(0.8); 
    -moz-transform: rotate(0deg) scale(0.8);
  }
  50% { 
    -webkit-transform: rotate(360deg) scale(1.2); 
    -moz-transform: rotate(360deg) scale(1.2);
  }
  100% { 
    -webkit-transform: rotate(720deg) scale(0.8); 
    -moz-transform: rotate(720deg) scale(0.8);
  }
}

@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #006eb5;
  }
  50% {
    box-shadow: 0 0 0 #006eb5;
    margin-bottom: 0;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #006eb5;
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #3DD092;
  }
  50% {
    box-shadow: 0 0 0 #3DD092;
    margin-top: -20px;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #3DD092;
    margin-top: 0;
  }
}

/*********** FIN ESTILO PRELOADER **************************************************************/

.error{  border: 2px solid red !important;}

input, select{height: 50px !important; font-size:18px;padding:10px; box-sizing: border-box !important;
border: 1px solid #dcdcdc !important;
-webkit-appearance: textfield !important;
-moz-appearance: textfield;
appearance: textfield;
box-shadow: 0px 3px 7px rgba(0,0,0,0.1);}

input[type=checkbox]{height:auto !important; box-shadow:none !important}

ul li#destino-españa::before {content: url("../images/icono-espana.svg");}
ul li#destino-europa::before {content: url("../images/icono-europa.svg");}
ul li#destino-mundo::before {content: url("../images/icono-mundo.svg");}
ul li#motivo-vacaciones::before {content: url("../images/icono-vacaciones.svg");}
ul li#motivo-crucero::before {content: url("../images/icono-cruceros.svg");}
ul li#motivo-estudios::before {content: url("../images/icono-estudios.svg");}
ul li#motivo-negocios::before {content: url("../images/icono-negocios.svg");}
ul li#destino-españa::before, ul li#destino-europa::before, ul li#destino-mundo::before, ul li#motivo-vacaciones::before, ul li#motivo-estudios::before, ul li#motivo-negocios::before, ul li#motivo-crucero::before{
    width: 125px;
    height: 125px;
    display: block;
    margin: 0px auto 10px; border-radius:50%; background-color:aliceblue;
}
li[id^="destino"]:hover::before, li[id^="motivo"]:hover::before, ul li#destino-españa:hover::before, ul li#destino-europa:hover::before,
ul li#destino-mundo:hover::before, ul li#motivo-vacaciones:hover::before, ul li#motivo-estudios:hover::before, ul li#motivo-negocios:hover::before, ul li#motivo-crucero:hover::before{margin:-5px auto 15px; }
#provincia_texto {background-color: #dcdcdc;
color: #000;
font-weight: bold;
border-bottom: 3px solid #c3c0c0;
height: 31px;}

/*#top_tarif{max-width: 1200px;
width: 100%;
margin: 0px auto;
display: flex;
margin: 10px auto;
border-bottom: 3px solid #dcdada; border-radius: 3px; height: 27px;}
*/

#FormularioTarificar ul.boton_atras li#boton_atras:hover {
    border: 1px solid #006eb5;
    cursor: pointer;
}
.fechaIdaVueltaPadre h4{margin-bottom:0px !important; font-size:21px !important }
#FormularioTarificar ul.boton_atras li#boton_atras {
	position: absolute;
    display: flex;
    margin: auto;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #b5b5b5;
    border-radius: 50%;
    color: #fff;
    font-size: 0.0rem;
    min-width: 0px;
    left:0;
    min-height:40px
}
#FormularioTarificar ul.boton_atras li#boton_atras span{display:none}
div.fechaIdaVueltaPadre{margin:15px}

.boton_atras {
	margin: 0px !important;
    min-width: 0px;
    display: flex;
    justify-content: space-between;
    list-style: none;
    position: absolute;
    bottom: 65px;
    padding: 0px;
}

.atras {color: #000; cursor: pointer;min-width: 80px;text-align: center; font-weight: bold; list-style: none; font-size:14px; border-radius: 3px 0px 0px 3px; padding: 0px 3px; line-height: 204% }
li#boton_atras::before {content: url(/imagenes/flecha_izda_tarif.png); margin: 10px 2px 10px -2px;}


#BarraProgreso{
	width: 100%;
    max-width: 1200px;
    height: 2px;
    margin: 0px auto;
    
}


#BarraProgresoRelleno{
	height: 100%;
	position:relative;
    width: 0%;
    background: rgb(240,248,255);
    background: linear-gradient( 90deg
 , rgba(240,248,255,1) 0%, rgba(0,110,181,1) 100%);}

#BarraProgresoRelleno::after{content: url("../images/avion.svg"); position:absolute; right:-55px; ; width:50px; top:-14px; display:none}
#BarraProgresoRelleno[style="width: 14.2857%;"]::after,
#BarraProgresoRelleno[style="width: 28.5714%;"]::after,
#BarraProgresoRelleno[style="width: 42.8571%;"]::after,
#BarraProgresoRelleno[style="width: 57.1429%;"]::after,
#BarraProgresoRelleno[style="width: 71.4286%;"]::after,
#BarraProgresoRelleno[style="width: 85.7143%;"]::after {display:block}
#BarraProgresoRelleno[style="width: 85.7143%;"]::after{transform: rotate(-27deg);top:-30px}


input[type="checkbox"]{-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
appearance: checkbox !important;}

select{height: 32px; border-bottom: 3px solid #dcdcdc !important;margin:10px}

#CodPostal, #mobiliario, #metros, #existencias, #equipos, #caja_fuerte, #mueble_cerrado, #transporte_fondos {margin-bottom: 0px;
height: 32px;
border-bottom: 3px solid #dcdcdc !important;
-webkit-appearance: textfield !important;
-moz-appearance: textfield;
appearance: textfield;
width: 92%; max-width: 300px}

.Div_asegurados{ width: 100%; text-align: center; margin: 7px 0px }
div.Div_asegurados:last-child{margin-bottom:100px;}


.paso {
	display: none; 
	width: 100%;
	margin: 0 auto 80px;
	padding: 30px 20px 20px;
	text-align: center;
	box-sizing: border-box !important;
	color: black;
	border-radius: 3px;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
    min-height: 450px;
}

div#Div_6.paso{min-height:500px !important}

div.paso > div > div{
	margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.paso > div > #otros, div.paso > div > #puntual{
	margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 50px auto;		
}

#Div_4 > div > div > input {text-align: center;}

div.paso > div > #otros{max-width: 300px;}	

#Div_4 > div > .botones > .avanza {z-index: 0 !important;}

.paso h2 {font-size:28px; margin:15px auto !important}


.paso ul { 
	width: 100%;
    max-width: 800px;
    margin: 15px auto 30px;
    list-style: none;
    padding: 0px;
    display: flex;
    flex-wrap:wrap;
    justify-content:space-around
}

.paso ul#cantidadAsegurados{justify-content:center}



.paso li { 
	border: 1px solid #b5b5b5;
    padding: 10px 15px;
    margin: 15px;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
    line-height:100%;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    min-height:50px;
    min-width:50px
}



.paso li:hover {cursor: pointer;border-color: #3DD092;}

#FormularioTarificar ul.botones li.avanza, #FormularioTarificar button.avanza {
	max-width: none !important;
    position: absolute !important;
    bottom: 0;
    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;
    min-width: 0px;
    display:flex
}
#FormularioTarificar ul.botones li.avanza:hover, #FormularioTarificar button.avanza:hover{opacity:0.7}

ul.botones { 
max-width: 1200px;
list-style: none;
text-align: left;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
position: absolute;
bottom: 20px;
width: 97%;
box-sizing: content-box;
column-count: 1 !important;-webkit-column-count: 1 !important; -moz-column-count: 1 !important;display: block;
}



#idnombre,#idtelefono {width: 44%; margin: 15px 2%;}
#idcorreo {width: 92%; margin: 15px 2%; }


input#idprotecciondatos {vertical-align: middle; margin: 0px 10px 0px 0px;}
#lopd {margin: 30px 0px 100px; display: flex; text-align: center; justify-content: center;  align-items: stretch;}
#lopd a {color:#000;}
#lopd a:hover {text-decoration: none}
.fondo_rojo {padding: 5px; background-color: #fff; color: #f00 !important; margin-top: 0px;}
li[id^="tipo-"] {
    background-color: rgb(255, 255, 255);
    padding: 10px 15px;
    font-size: 17px;
    margin: 11px;
    cursor: pointer;
    min-width: 240px;
    text-align: center;
}

li[id^="tipo-"]:last-child{margin-bottom:100px;}

.contenedorprincipal_final {
    color: rgb(0, 0, 0);
    background-color: RGB(255, 255, 255);
    width: 100%;
    max-width: 1000px;
    text-align: center;
    margin: 0px auto 10px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.mensaje, .mensaje_2 {
    width: 100%;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    font-size: 127%;
    font-variant: all-petite-caps;
    margin-top: 0px;
    border-radius:3px;
    line-height: 100%;

    
}

.mensaje {background: rgb(247, 234, 103);border-bottom: 3px solid #e5d959; margin-bottom: 25px}
.mensaje_2 {background: #f00 ;border-bottom: 3px solid #d10a0a; color: #fff !important; margin-top: 30px}

p.mensaje:last-child {background-color: #f00 !important; color: #fff !important}

#VER_COMPARATIVA {
    margin: 7px 0px;
    background: #1ebd7d !important;
    color: rgb(255, 255, 255) !important;
}



.tipos_seguro {
    margin-top:20px;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-around;
}


.tipos_seguro div:hover {opacity: 0.7}




.encabezado {
    clear: both;
    font-weight: bold;
    text-align: center;
    padding:20px 0px;
    color: #fff;
    background-color: #047676;
    display: flex;
    font-size: 18px;
    
}

.encabezado span{line-height: 100%;}

#FormularioTarificar .fechaNacimientoPadre {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 35px auto;
}

#FormularioTarificar .anyadirMasAsegs > * {
    margin: 7px;
}

#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;
    cursor: pointer;
}

#FormularioTarificar .diaNacimientoAseg {
    width: 250px;
    text-align: center;
    margin-left: 20px;
}

#FormularioTarificar .anyadirMasAsegs {
    display: flex;
    align-items: center;
}

#FormularioTarificar .datosPersonalesPadre {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    margin: auto;
    margin-top: 30px;
    min-width:720px
}

.provincias {
    width: 50%;
    padding: 15px 25px;
    text-align: center;
    display: inline;
    background-color: #f5f5f5;
	font-size: 18px;
	box-sizing: border-box;
	border-bottom: 3px solid #e0dede;
}



.linea {
    display: flex;
    padding: 10px 0px;
    border-bottom: 2px solid #E6E6E6;
    align-items: center;
}
.linea:hover {background-color: #f6f6f6}

.tipos_seguro div span {font-size: 20px; font-weight: bold; line-height: 100%; text-align: left; display: block;}
.tipos_seguro div .texto_desde {font-weight: normal; text-align: right;margin-top: 15px}
.enc_compa {width: 23%;}
.enc_promo {width: 5%;}
.enc_precio {width: 18%;}
.enc_preciototal {width: 20%;}
.enc_cobertura {width: 22%;}
.enc_contratar {width: 15%;}

.lin_compa {width: 23%;}
.lin_promo {width: 5%; position:relative; top: -22px;}
.lin_precio {width: 18%; font-size: 23px; font-weight: bold;}
.lin_preciototal {width: 20%; font-size: 23px; font-weight: bold;}
.lin_cobertura {width: 22%;}
.lin_contratar {width: 15%;}
.lin_noprecio, .lin_nopreciototal {width: 18%; color: #f00;font-weight: bold;font-size: 15px; }


.lin_producto {display: block;font-size: 13px;margin: 0 auto;padding: 0; font-weight: bold; line-height: 100%;}

.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;}

.boton_contratar{
    background-color: #75DEDE;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8px;
    border-bottom: 5px solid #69c8c8;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 5px;
margin-top: 20px;
color: #FFF;
font-weight: bold;
cursor: pointer;
}
.boton_contratar:hover, .llamada button:hover {background-color:#fa4848; border-bottom: 5px solid #b90909 }

.llamada {margin-top: 10px;}
.llamada p {font-size: 20px;text-align: center;}

.llamada span {font-size: 40px; font-weight: bold}

.botones_comparativa {display: flex;justify-content: space-around;align-items: center;}
.bandera_promo {background-color: #f00; cursor: pointer; position: relative; z-index: 9;}
.bandera_promo, .bandera_nopromo {
    width: 20px;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    line-height: 10px;
    margin-top: 0px auto;
    padding-top:5px;
    font-weight: bold;
}
#triangulo {
    width: 0;
    height: 0;
    margin-top: -5px;
    border-style: solid;
    border-width: 0 10px 5px 10px;
    border-color: transparent transparent #FFF transparent;
    position: relative;
    z-index: 10;

}

#llamada_abajo {padding: 10px 30px;}




.boton_cabecera{padding:10px;background-color: #75DEDE;border: 2px solid #fff;color: #fff; border-radius: 10px; cursor: pointer;}

.cabecera_seleccion{background-color: #FFF;border: 2px solid #75DEDE;color: #75DEDE;}
.seleccionada {border: 2px solid #3DD092 !important; background-color:#d0fbe9 !important}
.seleccionada_notel label{background-color: #1ebd7d !important; color: #fff; border-bottom:3px solid #199c67 !important;  box-sizing: border-box;}

.modificar {color: #099; font-size:18px; font-weight: bold; text-decoration: none; padding: 20px 10px; text-decoration:underline;}
.modificar:hover {text-decoration: none;}




#VER_COMPARATIVA {font-size: 20px; padding: 10px; border: none; border-radius: 5px}
textarea#actividad {width: 42%; min-width: 275px; height: auto; min-height: 100px; border: none; border-bottom: 3px solid #dcdcdc; padding: 12px 15px; font-size: 18px}

#local-propietario, #local-inquilino, #tipocontinente-1, #tipocontinente-2, #continente-6000, #continente-12000, li[id^="situacion-"],li[id^="ampliacion_capitales-"], li[id^="perdida_beneficios-"], li[id^="averia_maquinaria-"], li[id^="indemnizacioneuros-"], li[id^="indemnizaciondias-"],li[id^="pres"], li[id^="meses"], li[id^="destino"], li[id^="motivo"], li[id^="cubre"], div#puntual input, li[id^="transporte"]{background-color: #fff;
    padding: 10px;
    font-size: 18px;
    margin: 15px auto;
    cursor: pointer;
    text-align: center;
    }

    li[id^="situacion-"] {display: block !important; width: 60%; min-width: 250px}

   


    ul li[id^="anioconstruccion"],ul li[id^="reforma"], ul li[id^="plantas"],ul li[id^="empleados"] {background-color: #fff;
padding: 10px;
font-size: 18px;
margin: 6px;
cursor: pointer;
text-align: center;
min-width: 24px;
border-bottom: 3px solid #dcdcdc;}







.asegurado_destacado{ color:red; }



input[id^="tipo-"] {cursor: pointer;}


label[for^="cia-"]{display: inline-block; }
label[for^="cia-"] img{pointer-events: none;}

.botones_comparativa div:first-child {width: 75%; min-width:80px}

/*.ui-dialog .ui-dialog-titlebar {display: none}
#cargando .ui-dialog-titlebar-close {display: none !important}*/
.ui-dialog .ui-dialog-title {width: 100% !important;}
.ui-dialog {position: absolute !important; z-index: 9999 !important;}

.texto_desde {display: none !important}

.no_js {text-align: center;
    padding: 40px;
    border: 1px solid #cacaca; max-width: 400px; font-size: 20px; margin: 10px auto;position: relative;
    top: 25%;}

    #companias-TODAS img {background-color: #1ebd7d; border:2px solid #1ebd7d;}

 .ui-widget-overlay {background: #000000 !important; opacity: 0.5 !important;}

  #rt-header .menu-block, #rt-showcase, #g-navigation, #rt-top {display:none;}

  .gf-menu-toggle {display: none !important}

  .top_content, #navigation {display: none}



.Div_asegurados ul {
    justify-content: flex-start !important;
    margin-bottom: 30px !important;
}


  .Div_asegurados ul li, .pregunta ul li {
    background-color: #fff;
    padding: 10px;
    font-size: 18px;
    margin: 6px;
    cursor: pointer;
    text-align: center;
    min-width: 27px;
    border-bottom: 3px solid #dcdcdc;
}

.Div_asegurados ul li[id^="mes"] {min-width: 125px;}
.Div_asegurados ul li[id^="anio"] {min-width: 55px;}
.lista-checkbox div {
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0px auto 20px; min-width: 250px; width: 80%
}
.lista-checkbox div:last-child {margin-bottom: 100px}


ul li[id^='marca-'], ul li[id^='compa-']  {text-align: center; cursor: pointer;}
ul li[id^='marca-'] p, ul li[id^='compa-'] p {margin:5px 0px;text-align: center}

ul[id^='paso3_'] {column-count: 2;-webkit-column-count: 2;-moz-column-count: 2; display: block;}
ul[id^='paso4_'] {column-count: 2;-webkit-column-count: 2;-moz-column-count: 2; display: block;}

ul[id^='paso3_'] li, ul[id^='paso4_'] li {padding: 8px; background-color: #fff; border:1px solid #eaeaea; margin: 0px; cursor: pointer;}

#Div_6 ul li,#Div_9 ul li, ul.paso4 li, li[id^="tipo-"], #Div_7 ul li, li[id^='5_2'], li[id^='8_'],li[id^='10_'], li[id^='11_'], li[id^='12_'], li[id^='15_'], li[id^='16_'], input#cpform, input#poliza, li[id^='18_'], li[id^='19_'], li[id^='21_'], li[id^='23_'], li[id^='24_'], li[id^='27_'], li[id^='28_'], input#precio,input#dni,input#matricula{background-color: #fff;
    padding: 10px;
    font-size: 18px;
    margin: 15px auto;
    cursor: pointer;
    text-align: center;
   width: 300px;
    }

#Div_8 div div #precio{
	min-width: 40px !important;	
	margin-top: 50px;
}

#Div_1 ul li{width:30%; margin:15px auto; display:block}
#Div_2 ul li{width:23%; margin:15px auto; display:block}
#Div_3 ul li{width:48%; margin:15px auto}

#edadcoche label{font-weight: bold;margin: 19px 0px;display: block;font-size: 18px;}


input[type=checkbox] {
-ms-transform: scale(1.5) !; /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari */
    transform: scale(1.5);
}

input[id^="incendios-"], input[id^="robo-"] {margin-right: 15px;}

.gracias {font-weight: bold; font-size: 150%}

p.gracias, p.texto_gracias {width: 50%; margin: 10px auto; min-width: 260px}

#opcional{display: flex; justify-content: space-around; flex-wrap:wrap}
#Div_29 ul.botones {position:relative; margin-top: 50px;}





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


  












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

    .paso ul li {font-size: 18px !important}
    .Div_asegurados ul {justify-content: center !important;}

    .contenedorprincipal_final {margin-top: -50px;} 
	.paso h2 {font-size: 21px}
	#Div_1 input {width: 100%; box-sizing: border-box; height: 40px; margin-bottom: 15px}
	.Div_asegurados span {display: none !important}
	.paso {padding: 10px 10px 100px;}
    input,  select {font-size: 18px !important}

	
form#FormularioTarificar, #top_tarif {margin: 0px 5px;}
#lopd, #lopd a {font-size: 13px}
#lopd label{text-align:left; margin-left: 15px;}

li[id^="edad0-"], li[id^="edad1-"], li[id^="edad2-"], li[id^="edad3-"], li[id^="edad4-"], li[id^="edad5-"], li[id^="edad6-"], li[id^="edad7-"], li[id^="edad8-"], li[id^="edad9-"] {margin:5px; padding: 4px }
li[id^="mes-"] {font-size: 18px}


.tipos_seguro div .texto_desde {display: none}
.tipos_seguro div span { font-size: 15px; line-height: 15px; margin: 0px; text-align: center;}

.encabezado span {font-size: 16px; }
.enc_contratar, .lin_contratar  {display: none}
.lin_compa {width: 35%;}
.lin_promo {width: 5%;position: relative;top: -10px;}
.lin_precio {width: 30%; font-size: 18px;}
.lin_precio:last-child {display: none}
.lin_preciototal, .lin_nopreciototal {display: none}
.lin_noprecio {width: 30%; color: #f00;font-size: 12px; }
.lin_cobertura, .enc_cobertura {width: 30%; line-height: 100%;}
.enc_compa {width: 35%;}
.enc_promo {width: 5%;}
.enc_precio {width: 30%;}
.enc_preciototal {display: none}
.lin_compa img, .lin_cobertura img {width: 75px}
.boton_prod_comparativa {font-size: 13px;}

.boton_cabecera {width: 50%; box-sizing: border-box; border-radius: 10px;}

li[id^='cantidad-'], li[id^='mes-'] {margin: 6px !important;}
li[id^="mes-"] {min-width: 95px;}
label[for^="cia-"]:last-child {margin-bottom: 100px}


#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%);
 }



.contenedorprincipal_final {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;padding: 0px;}

.provincias {width: 100%; display: block; font-size: 16px; background-color: none; padding: 5px; margin: 0px; border-bottom: none}

p.provincias:nth-child(3) {border-bottom: 3px solid #e0dede;}

.mensaje {margin-bottom: 10px;}
.mensaje_2 {margin-top: 10px;}

.Div_asegurados ul li {min-width: 22px;}
.Div_asegurados ul li[id^="mes"] {min-width: 100px;font-size: 16px;}
.Div_asegurados ul li[id^="anio"] {min-width: 35px; font-size: 16px;}

textarea#actividad {font-size: 16px}


#idnombre, #idtelefono, #idcorreo {width:100%;}

ul[id^='paso3_'], #Div_9 ul, ul[id^='paso4_'] {column-count: 1;-webkit-column-count: 1;-moz-column-count: 1; display: block;}

li[id^='marca-'], li[id^='compa-']{width: 25%}
li[id^='marca-'] img, li[id^='compa-'] img{width: 100%}

#Div_6 ul li, ul.paso4 li, #Div_7 ul li, li[id^='5_2'], li[id^='8_'],li[id^='10_'], li[id^='11_'], li[id^='12_'], li[id^='15_'], li[id^='16_'], li[id^='18_'], li[id^='19_'], li[id^='21_'], li[id^='23_'], li[id^='24_'], li[id^='27_'], li[id^='28_'] {width: 100%;}

input#cpform, input#poliza {width: 88%;}

input[type=checkbox] {
-ms-transform: scale(2.3); /* IE 9 */
    -webkit-transform: scale(2.3); /* Safari */
    transform: scale(2.3);
}

input#idprotecciondatos{width:auto;
     width: auto;
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    margin: 10px 0px 10px 10px;
}
    
    
    #FormularioTarificar ul.botones li.avanza, #FormularioTarificar button.avanza{width:155px}
    #FormularioTarificar .datosPersonalesPadre{width:100%; min-width: auto;}
    
    li, p {line-height: 100%;}
    #Div_1 ul li, #Div_2 ul li{width:48%; margin:15px auto}

ul.botones {
    position: relative;
    width: 100%;
    margin-top: 40px;
    bottom: 0px;
}
#lopd {margin: 30px 0px;}

#Div_3 ul li {width: 100%;}
div#Div_6.paso{min-height:550px !important}
#BarraProgresoRelleno::after{right: -40px; width: 35px; top: -11px;}

ul li#destino-españa::before, ul li#destino-europa::before, ul li#destino-mundo::before, ul li#motivo-vacaciones::before, ul li#motivo-estudios::before, ul li#motivo-negocios::before, ul li#motivo-crucero::before {
    width: 90px;
    height: auto;}



	}





/**************************************************************************** tablet **************************************/
@media only screen and (min-width:481px) and (max-width:768px) {


.paso h2 {font-size: 23px !important}
#Div_1 input {margin-bottom: 15px}
.Div_asegurados span {font-size: 12px}

.tipos_seguro div span {font-size: 15px;}
.enc_contratar, .lin_contratar {display: none}
.lin_compa {width: 25%;}
.lin_promo {width: 5%;position: relative;top: -10px;}
.lin_precio {width: 20%; font-size: 23px;}
.lin_preciototal {width: 20%; font-size: 23px;}
.lin_cobertura {width: 30%;}
.lin_noprecio {width: 20%; color: #f00;font-size: 15px; }
.enc_compa {width: 25%;}
.enc_promo {width: 5%;}
.enc_precio {width: 20%;}
.enc_preciototal {width: 20%;}
.enc_cobertura {width: 30%;}
.lin_compa img {width: 90px}

.tipos_seguro div {height: 85px !important}



.boton_cabecera {width: 25%; box-sizing: border-box; border-radius: 10px 10px 0px 0px; border-bottom: none; padding: 5px 10px}

input[id^='dia_']  {width: 6%;}
select[id^='mes_']  {width: 19%;}
input[id^='anio_']  {width: 14%;}
select[id^='sexo_']  {width: 14%;}
li[id^='mes-'] {min-width: 95px;}




li[id^="cantidad-"], li[id^="mes-"], li[id^="edad0-"], li[id^="edad1-"], li[id^="edad2-"], li[id^="edad3-"], li[id^="edad4-"], li[id^="edad5-"], li[id^="edad6-"], li[id^="edad7-"], li[id^="edad8-"], li[id^="edad9-"] {font-size: 18px}

.provincias {width: 100%; display: block; font-size: 16px; background-color: none; padding: 5px; margin: 0px; border-bottom: none}

p.provincias:nth-child(3) {border-bottom: 3px solid #e0dede;}

.mensaje {margin-bottom: 10px;}
.mensaje_2 {margin-top: 10px;}

.Div_asegurados ul li[id^="mes"] {min-width: 75px; font-size: 15px;}
.Div_asegurados ul li[id^="anio"] {min-width: 40px;}

textarea#actividad {font-size: 17px}
#FormularioTarificar .datosPersonalesPadre {min-width: 100%;}
#Div_1 ul li, #Div_2 ul li{width:48%; margin:15px auto}

div#Div_6.paso{min-height:550px !important}







}





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

    .tipos_seguro div span {font-size: 18px;}

    /*.ui-dialog {top:150px !important; }*/

    .boton_cabecera {width: 24.5%; box-sizing: border-box; border-radius: 10px 10px 0px 0px; border-bottom: none}

    .boton_contratar {font-size: 13px;}

	.Div_asegurados ul li[id^="mes"] {min-width: 105px;}
    .Div_asegurados ul li[id^="anio"] {min-width: 40px;}
    





	}



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

    /*.ui-dialog {top:200px !important;}*/
    .boton_cabecera {width: 24.5%; box-sizing: border-box; border-radius: 10px 10px 0px 0px; border-bottom: none; padding: 10px 10px 20px}



}