* {
    transition:all 0.4s 0s ease;
    -webkit-transition:all 0.4s 0s ease;
    -moz-transition:all 0.4s 0s ease
}

body {font-family: sans-serif;}


.botones_movil_comparativa{display: none !important;} /* Este estilo se usa en la comparativa de salud, parar el tarificador por compañia */

/*#cargando { background:#fff url(/imagenes/Loading/generico.gif) no-repeat center; }*/
#cargando { background:#fff }

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

input,  select  {height: 30px; padding: 5px 10px; box-sizing: content-box; font-size: 20px !important; border:none;}

input[type=checkbox]{height:auto !important;}

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

.boton_atras {padding: 0px; margin: 0px}

.atras {background-color:#e1dfdf; 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); padding-right: 5px}


#BarraProgreso{
	background-color: #f5f5f5;
	width: 100%;
	max-width: 1200px;
    border-radius: 0px 3px 3px 0px;
	

}


#BarraProgresoRelleno{
	height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebd7d+0,1ebd7d+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(30,189,125,0) 0%, rgba(30,189,125,1) 40%, rgba(30,189,125,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,189,125,0) 0%, rgba(30,189,125,1) 40%, rgba(30,189,125,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,189,125,0) 0%, rgba(30,189,125,1) 40%, rgba(30,189,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001ebd7d', endColorstr='#1ebd7d',GradientType=1 ); /* IE6-9 */
	width:0px;
	border-radius: 0px;
	max-width: 1120px;
}

#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; 
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 40px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box !important;
	background-color: #f5f5f5;
	color: black;
	border-radius: 3px;
	border:1px solid #eaeaea;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
    min-height: 400px;
    border-bottom: 3px solid #dcdada
}

.paso h2 {font-weight: bold; font-size:28px}


.paso ul { 
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
}

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



.paso li { 
	padding: 5px;
	margin: 5px;
	
}

.paso li:hover { opacity: 0.6; }

li.avanza {background-color:#f00 !important; color: #fff; padding: 10px; border-radius: 5px; cursor: pointer;min-width: 100px; max-width: 200px;text-align: center; border-bottom: 5px solid #d10a0a !important; font-weight: bold; margin: 0px auto !important}



ul.botones { 
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: 95%;
box-sizing: content-box;
column-count: 1 !important;-webkit-column-count: 1 !important; -moz-column-count: 1 !important;display: block; }



#idnombre,#idtelefono {width: 40%; margin: 10px; max-width: 275px;border-bottom: 3px solid #dcdcdc; background-color: #fff}
#idcorreo {width: 80%; margin: 10px; max-width: 584px;border-bottom: 3px solid #dcdcdc;background-color: #fff }






input#idprotecciondatos {vertical-align: middle; margin: 0px 10px 0px 0px; min-width: auto !important}
#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%;}



.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 {background-color:#1ebd7d !important; color:#fff !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-family: sans-serif; 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: 6px;
    cursor: pointer;
    text-align: center;
    min-width: 115px;
    border-bottom: 3px solid #dcdcdc;}

    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}


#preloader{position:absolute; top: 0; bottom:0; right:0; left: 0; margin:auto;width:55px; height:25px}

#preloader span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#dbdbdb;
    position:absolute;
    animation: preloader 1.5s  infinite ease-in-out;
}
 
#preloader span:nth-child(2){
left:11px;
animation-delay: .2s;
 
}
#preloader span:nth-child(3){
left:22px;
animation-delay: .4s;
}
#preloader span:nth-child(4){
left:33px;
animation-delay: .6s;
}
#preloader span:nth-child(5){
left:44px;
animation-delay: .8s;
}
@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background:#dbdbdb;}
    25% {height:30px;transform:translateY(15px);background:#b1aeae;}
    50% {height:5px;transform:translateY(0px);background:#dbdbdb;}
    100% {height:5px;transform:translateY(0px);background:#dbdbdb;}
}

.ui-dialog .ui-dialog-title {width: 100% !important;display: block;text-align: center;padding: 5px 0px;}


.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;}
 .ui-dialog {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.7);
}
.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold;
}

  #rt-header .menu-block, #rt-showcase, #g-navigation {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.paso ul li, #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: 6px;
    cursor: pointer;
    text-align: center;
    border-bottom: 3px solid #dcdcdc;
    min-width: 40px;
    }
    
    #Div_1 ul li{max-width:max-content}

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

input#personas{width:90%; max-width:300px} 


/******* ESTILO NUEVO LOPD ******************************/
#FormularioTarificar #lopd{margin:15px auto; align-items: start !important}
#FormularioTarificar #lopd label{font-size:11px; margin-left:8px; text-align:left}
#FormularioTarificar #lopd label a{font-weight:bold; text-decoration:underline}
#FormularioTarificar #lopd input#idprotecciondatos{width:30px !important; margin-top:0px; min-width:30px !important; transform: scale(1.7);}
#FormularioTarificar #lopd label p {margin-top: -15px !important;font-size: 11px;}





.form-coches{
 	border-radius: 15px;
	box-shadow: 0px 10px 15px rgba(00,00,00,0.25);
	padding: 20px;
	margin:30px auto;
	width:95%;
	max-width: 800px;
 } 
 .form-coches > div{margin-bottom:30px}
 .form-coches h2 {font-size:22px}
#marcas{
	width: 100% !important;
	box-sizing: border-box;
}
.boton-coche{
    bottom: -110px;
    right: 0 !important;
    left: 0 !important;
    margin: auto;
    color: #FFF;
    z-index: 99;
    background-color: #3DD092;
    border-radius: 6px;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    max-width: 300px;
}
.lopd-vehiculos{
	text-align: justify !important;
}

.form-coches select, .form-coches input{height:50px; box-sizing:border-box; border:1px solid #dcdcdc}
.form-coches div.Div_asegurados{display:flex; justify-content:flex-start}
.form-coches div.Div_asegurados select.form-select{width:33%; box-sizing: border-box; margin-right:1.3%}
.form-coches div.Div_asegurados2 select.form-select{width:50% !important; box-sizing: border-box; margin-right:1.3%}
.form-coches div.Div_asegurados select.form-select:last-child{margin-right:0%}
.form-coches .col{flex:none}
.form-coches #idcorreo, .form-coches #idnombre, .form-coches #idtelefono{border-bottom:1px solid #dcdcdc; max-width:none; }
.form-coches #idnombre, .form-coches #idtelefono{width:49%;}
.form-coches #idnombre{margin:5px 1.3% 10px 0px !important}
.form-coches #idtelefono{margin:5px 0px 10px 0px !important}
.form-coches #idcorreo{width:100%; margin:5px 0px 10px 0px !important}
div#lopd{margin-top:30px !important}
.form-coches div.Div_asegurados:last-child {margin-bottom: auto !important;}
input.boton-coche{margin:auto; display:block; min-width: 250px}

  












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

    .paso ul li {font-size: 16px !important; display:block}
    .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 !important}
    input,  select {font-size: 18px !important; width:90%}
    input#idprotecciondatos{width:auto;
     /*-ms-transform: scale(2.7);
    -webkit-transform: scale(2.7);
    transform: scale(2.7);*/
    margin:0px}
       
    input[type="checkbox"]{width:auto}
    div.edad ul li {width:40px !important}
    
    
li[id^="plantas-"],li[id^="anioconstruccion-"],li[id^="anioreforma-"],li[id^="reforma-"], li[id^="empleados-"]{max-width:40px}
li#anioreforma-0, li#reforma-0{width:90% !important; max-width:82%}
	

#lopd {font-size: 12px}

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{background: #1ebd7d !important}



.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:90%; max-width:90% !important}

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#idnombre, input#idtelefono, input#idcorreo{width:90%}

#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; width:90%}

.boton-coche{
	width: 80%;
}

.form-coches h2 {font-size: 21px;}
.form-coches div.Div_asegurados select.form-select.col{width:100%; margin-bottom:15px}
.form-coches #idnombre, .form-coches #idtelefono, .form-coches #idcorreo{width:100%; max-width: 100% !important}





}





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


.paso h2 {font-size: 23px}
#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}


#Div_1 ul li{width:90% !important}



input#idnombre, input#idtelefono, input#idcorreo{width:90%}

div.paso ul li, #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; width:90%}


.form-coches #idnombre, .form-coches #idtelefono{width:100%}






}





/********************************************************************** 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}



}