A Pen by laura

Thumbnail
This awesome code was written by lauraMM, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright lauraMM ©
  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  laura</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <!doctype html>
<html lang="ca">
<head>
<meta charset="utf-8">
<title></title>

<script>


function disabledCheckbox() {
var total=document.mediaAnual.totalMedia.value; 
// si todos son iguales  
	if(document.mediaAnual.todoIgual.checked)
		{
		  
		  document.mediaAnual.m1.disabled=true;
		  document.mediaAnual.m2.disabled=true;
      
      //hacemos que cuando se clique todos los campos cojan el mismo valor
      document.mediaAnual.m1.value= total;
      document.mediaAnual.m2.value= total;
		}
//sinó esta seleccionado habilita los botones
	else
		{

			document.mediaAnual.m1.disabled=false;
			document.mediaAnual.m2.disabled=false;
		}


}

/*hacemos que el valor de las cajas cambie cuando cambiamos el total el valor val es el que coje con this.value en la función*/
function igualar(val){

  if (document.mediaAnual.todoIgual.checked ){
        document.mediaAnual.m1.value= val;
        document.mediaAnual.m2.value= val;
   
  }
}
  
function calcTotal(){
//guardamos el valor en una variable

	var m1=  document.mediaAnual.m1.value;
//si en vez de punto separamos con una coma el valor se corta con split y lo vuelve a juntar con join
	m1=parseFloat(m1.split(",").join("."));

  var m2 =  document.mediaAnual.m2.value;
  m2=parseFloat(m2.split(",").join("."));
  
//Sumamos todos los valores 
  var media = m1+m2;
  document.mediaAnual.totalMedia.value= media/12;
  
}

  function validarNumero(numero, id){
   
    if (!/^([0-9])*$/.test(numero)){
      document.getElementById("alerta").innerHTML="el valor " + numero + " no es válido";

     var x = id;
     document.getElementById(x).value ="844.40";

  }
    else if (numero<486.30 || numero>3606){
       document.getElementById("alerta").innerHTML="el valor " + numero + " no es válido.";
       var x = id;
       document.getElementById(x).value ="844.40";
      
    }
  }



function CalcularTodo(){
  //Seleccionamos el elemento y dp con selectedIndex el texto que es lo que queremos mostrar
    var seleccionCnae = document.getElementById('cnaeS');
    var cnae = seleccionCnae.options[seleccionCnae.selectedIndex].text;
  
  //guardamos la media anual en una variable
  var TotalMedia = document.getElementById("totalMedia").value;
  //Mostramos el primer
   document.getElementById("resultadoGeneral").innerHTML="Su código CNAE es el " + cnae + ", y su base reguladora mensual es de " + TotalMedia + "€, por lo que le corresponde:" ;

  
  
  //Caculamos el tiempo de prestacion segun los meses cotizados y la edad
  var mesesPrestaciones = document.getElementById("meses").value; 
  
  //Obtenemos el texto para mostrarlo en el resultado
   var seleccionMeses = document.getElementById("meses");
   var meses = seleccionMeses.options[seleccionMeses.selectedIndex].text;
  
  
 //Obtenemos la variable de la edad. Primero seleccionamos el objeto, lo recorremos con for y con if escribe el que está seleccionado

  var seleccionEdad = document.getElementsByName("edad");
  for(var i=0; i<seleccionEdad.length; i++) {
      if(seleccionEdad[i].checked){
        var edadPrestaciones=seleccionEdad[i].value;
       //document.getElementById("mostrarMeses").innerHTML= " Elemento: " + seleccionEdad[i].value + "\n Seleccionado: " + seleccionEdad[i].checked;
        if ( seleccionEdad[i].value=="menos60"){
          var edadTexto =" y tiene menos de 60 años";
         }
          else{
            var edadTexto=" y tiene más de 60 años";
            }
        }
      
  }

 

  switch (mesesPrestaciones + "-" + edadPrestaciones) {
      case "meses1-menos60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 2 semanas.";
        break;
      case "meses1-mas60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 2 semanas.";
        break;
      
      case "meses2-menos60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 3 semanas.";
        break;
      case "meses2-mas60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 4 semanas.";
        break;
      case "meses3-menos60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 4 semanas.";
        break;
      case "meses3-mas60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 6 semanas.";
        break;
      case "meses4-menos60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 5 semanas.";
        break;
      case "meses4-mas60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 8 semanas.";
        break;
      case "meses5-menos60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 6 semanas.";
        break;
      case "meses5-mas60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 10 semanas.";
        break;
      case "meses6-menos60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 8 semanas.";
        break;
      case "meses6-mas60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 12 semanas.";
        break;
      case "meses7-menos60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 12 semanas.";
        break;
      case "meses7-mas60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 12 semanas.";
        break;
}
  

  
  
  
 
}
</script>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />

</head>

<body>
<header><h1>Base reguladora</h1></header>
  <div id="content"> 
<form id="mediaAnual" name="mediaAnual" action="" method="post">


  <p> total: <input type="text" id="totalMedia" onkeyup="igualar(this.value)" onChange="validarNumero(this.value, this.id);" value="884,40"/></p>
<div id="mediaAnual">
<p>Todos son iguales <input type="checkbox" id="todoIgual"    onclick="disabledCheckbox()"></p>
  
  <p>Enero <input type="text" id="m1"  value="884.40" onChange="validarNumero(this.value, this.id);" /></p>
  <p>Febrero <input type="text" id="m2" onChange="validarNumero(this.value, this.id);" value="884.40"/></p>
<div id="alerta"></div>
<input type="button" value="Calculate" onClick="calcTotal()" id="calculator">
</div>
<div id="Cnae">
<label>Seleccione el CNAE que corresponda a su actividad</label>
<select id="cnaeS" name="cnae">
  <option value="2.60">01 - Agricultura, ganadería, caza y servicios relacionados con las mismas - 01</option>
  <option value="2.25">0113 - Cultivo de hortalizas, raíces y tubérculos - 0113</option>
  <option value="2.25">0119 - Otros cultivos no perennes - 0119</option>
  <option value="5.15">0129 - Otros cultivos perennes</option>
  <option value="2.25">0130 - Propagación de plantas</option>
  <option value="3.30">014 - Producción ganadera (Excepto el 0147)</option>
  <option value="2.40">0147 - Avicultura</option>
  <option value="2.80">015 - Producción agrícola combinada con la producción ganadera</option>
  <option value="2.50">016 - Actividades de apoyo a la agricultura, a la ganaderia y de preparación posterior a la cosecha (excepto 0164)</option>
  <option value="2.25">0164 - Tratamiento de semillas para reproducción</option>
  <option value="3.30">017 - Caza, captura de animales y servicios relacionados con las mismas</option>
  <option value="5.15">02 - Silvicultura y explotación forestal</option>
  <option value="6.40">03 - Pesca y acuicultura (Excepto v, w y 0322)</option>
  <option value="4.10">v - Grupo segundo de cotización del Régimen especial del Mar</option>
  <option value="3.35">w - Grupo tercero de cotización del Régimen especial del Mar</option>
  <option value="6.25">0322 - Acuicultura en agua dulce</option>
  <option value="5.20">05 - Extracción de antracita, hulla y lignito (Excepto y)</option>
  <option value="7.15">y - Trabajos habituales en interior de minas</option>
  <option value="5.20">06 - Extracción de crudo de petróleo y gas natural</option>
  <option value="5.20">07 - Extracción de minerales metalicos</option>
  <option value="5.20">08 - Otras industrias extractivas (Excepto 0811)</option>
  <option value="7.15">0811 - Extracción de piedra ornamental y para la construcción de caliza, yeso, creta y pizarra</option>
  <option value="5.20">09 - Actividades de apoo a las industrias extractivas</option>
  <option value="3.20">10 - Industria de alimentación (Excepto 101,102,106,107 y 108)</option>
  <option value="3.90">101 - Procesado y conservación de carne y elaboración de productos cárnicos</option>
  <option value="3.30">102- Procesado y conservación de pescados, crustáceos y moluscos</option>
  <option value="3.30">106 - Fabricación de productos de molinería, almidones y productos amiláceos</option>
  <option value="1.95">107 - Fabricación de productos de panadería y pastas alimenticias</option>
  <option value="1.95">108 - Fabricación de otros productos alimenticios</option>
  <option value="3.20">11 - Fabricación de bebidas</option>
  <option value="1.80">12 - Industria del tabaco</option>
  <option value="1.85">13 - Industria textil (Excepto 1391)</option>
  <option value="1.50">1391 - Fabricación de tejidos de punto</option>
  <option value="0.90">14 - Confección de prendas de vestir (Excepto 1411, 1420 y 143)</option>
  <option value="2.60">1411 - Confección de prendas de vestir de cuero</option>
  <option value="2.60"> 1420 - Fabricación de artículos de peletería</option>
  <option value="1.50">143 - Confección de prendas de vestir de punto</option>
  <option value="2.60">15 - Industria del cuero y del calzado</option>
  <option value="5.15">16 - Industria de la madera y del corcho, excepto muebles; cestería y espartería (Excepto 1624 y 1629)</option>
  <option value="4.10">1624 - Fabricación de envases y embalajes de madera</option>
  <option value="4.10">1629 - Fabriación de otros productos de madera; artículos de corcho, cestería y espartería</option>
  <option value="2.05">17 - Industria del papel (Excepto 171)</option>
  <option value="3.50">171 - Fabriación de pasta papelera, papel y cartón</option>
  <option value="2.00">18 - Artes gráficas y reproducción de soportes grabados</option>
  <option value="3.35">19 - Coquerías y refino de petróleo</option>
  <option value="3.00">20 - Industria química (Excepto 204 y 206)</option>
  <option value="2.70">204 - Fabricación de jabones, detergentes y otros artículos de limpieza y abrillantamiento; fabricación de perfumes y cosméticos</option>
  <option value="2.70">206 - Fabricación de fibras artificiales y sintéticas</option>
  <option value="2.40">21 - Fabricación de productos farmacéuticos</option>
  <option value="3.00">22 - Fabricación de productos de caucho y plástico</option>
  <option value="4.10">23 - Fabricación de otros prouctos minerales no metálicos (Excepto 231, 232, 2331, 234 y 237)</option>
  <option value="3.10">231 - Fabricación de vidrio y productos de vidrio</option>
  <option value="3.10">232 - Fabricación de productos cerámicos refractarios</option>
  <option value="3.10">2331 - Fabricación de azulejos y baldosas de cerámica</option>
  <option value="3.10">234 - Fabricación de otros productos cerámicos</option>
  <option value="6.10">237 - Corte, tallado y acabado de la piedra</option>
  <option value="3.85">24 - Metalurgia; fabricación de productos de hierro, acero y ferroaleaciones</option>
  <option value="3.85">25 - Fabricación de productos metálicos, excepto maquinaria y equipo</option>
  <option value="2.60">26 - Fabricación de productos informáticos, electrónicos y ópticos</option>
  <option value="2.80">27 - Fabricación de material y equipo eléctrico</option>
  <option value="3.85">28 - Fabricación de maquinaria y equipo n.c.o.p.</option>
  <option value="2.80">29 - Fabricación de vehiculos de motor, remolques y semiremolques</option>
  <option value="3.85">30 - Fabricación de otro material de transporte (Excepto 3091 y 3092)</option>
  <option value="2.80">3091 - Fabricación de motocicletas</option>
  <option value="2.80">3092 - Fabricación de bicicletas y de vehiculos para personas con discapacidad</option>
  <option value="3.85">31 - Fabricación de muebles</option>
  <option value="2.80">32 - Otra industria manufacturera (Excepto 321, 322)</option>
  <option value="1.85">321 - Fabricación de artículos de joyeria y artículos similares</option>
  <option value="1.85">322 - Fabricación de instrumentos musicales</option>
  <option value="3.85">33 - Reparación e instalación de maquinaria y equipo (Excepto 3313 y 3314)</option>
  <option value="2.60">3313 - Reparación de quipos electrónicos y ópticos</option>
  <option value="2.80">3314 - Reparación de equipos eléctricos</option>
  <option value="3.30">35 - Suministro de energia eléctrica, gas, vapor y aire acondicionado</option>
  <option value="3.70">36 - Captación, depuración y distribución de agua</option>
  <option value="3.70">37 - Recogida y tratamiento de aguas residuales</option>
  <option value="3.70">38 - Recogida, tratamiento y eliminación de residuos; valorización</option>
  <option value="3.70">39 - Actividades de descontaminación y otros servicios de gestión de residuos</option>
  <option value="6.70">41 - Construcción de edificios (Excepto 411)</option>
  <option value="4.65">411 - Promoción inmobiliaria</option>
  <option value="6.70">42 - Ingeniería civil</option>
  <option value="6.70">43 - Actividades de construcción especializada</option>
  <option value="2.05">45 - Venta y reparación de vehículos de motor y motocicletas (Excepto 452 y 454)</option>
  <option value="4.45">452 - Mantenimiento y reparación de vehículos a motor</option>
  <option value="2.90">454 - Venta, mantenimiento y reparación de motocicletas y de sus respuestos y accesorios</option>
  <option value="2.60">45 - Comercio al por mayor e intermediarios del ccomercio, excepto de vehículos de motor y motocicletas. Excepto:</option>
  <option value="3.30">4623 - Comercio al por mayor de animales vivos</option>
  <option value="3.30">4624 - Comercio al por mayor de cueros y pieles</option>
  <option value="3.30">4632 - Comercio al por mayor de carne y productos cárnicos</option>
  <option value="3.00">4638 - Comercio al por mayor de pescados, mariscos y otros productos alimenticios.</option>
  <option value="3.30">4672 - Comercio al por mayor de metales y minerales metálicos</option>
  <option value="3.30">4673 - Comercio al por mayor de madera, materiales de construcción y aparatos sanitarios</option>
  <option value="3.35">4674 - Comercio al por mayor de ferretería, fontanería y calefacción</option>
  <option value="3.35">4677 - Comercio al por mayor de chatarra y productos de desecho</option>
  <option value="3.35">4690 - Comercio al por mayor no especializado</option>
  <option value="1.65">47 - Comercio al por menor, excepto de vehículos de motor y motocicletas</option>
  <option value="1.85">473 - Comercio al por menor de combustible para la automoción en establecimientos especializados</option>
  <option value="3.30">49 - Transporte terrestre y por tubería</option>
  <option value="3.70">494 - Transporte de mercancías por carretera y servicios de mudanza</option>
  <option value="3.85">50 - Transporte marítimo y por vías navegables interiores</option>
  <option value="3.60">51 - Transporte aéreo</option>
  <option value="3.30">52 - Almacenamiento y actividades anexas al trasporte (Excepto x, 5221)</option>
  <option value="6.70">x - Carga y descarga; estiba y desestiba</option>
  <option value="2.10">5221 - Actividades anexas al transporte terrestre</option>
  <option value="1.75">53 - Actividades postales y de correos</option>
  <option value="1.25">55 - Servicios de alojamiento</option>
  <option value="1.25">56 - Servicios de comidas y bebidas</option>
  <option value="1.65">Edición</option>
  <option value="1.25">59 - Actividades cinematográficas, de video y de programas de televisón, grabación de sonido y edición musical</option>
  <option value="1.25">60 - Actividades de programación y emisión de radio y televisión</option>
  <option value="1.40">61 - Telecomunicaciónes</option>
  <option value="1.35">62 - Programación, consultoría y otras actividades relacionadas con la informática</option>
  <option value="1.65">63 - Servicios de información (Excepto 6391)</option>
  <option value="1.25">6391 - Actividades de las agencias de noticias</option>
  <option value="1.00">64 - Servicios financieros, excepto seguros y fondos de pensiones</option>
  <option value="1.00">65 - Seguros, reaseguros y fondos de pensiones, excepto Seguridad Social obligatoria</option>
  <option value="1.00">66 - Actividades auxiliares a los servicios financieros y a los seguros</option>
  <option value="1.65">68 - Actividades inmobiliarias</option>
  <option value="1.35">69 - Actividades jurídicas y de contabilidad</option>
  <option value="1.35">70 - Actividades de las sedes centrales; actividades de consultoría de gestión empresarial</option>
  <option value="1.65">71 Servicios técnicos de arquitectura e ingeneiría; ensayos y análisis técnicos</option>
  <option value="1.00">72 - Investigación y desarrollo</option>
  <option value="1.70">73 - Publicidad y estudios de mercado</option>
  <option value="1.75">74 - Otras actividades profesionales, científicas y técnicas (Excepto 742)</option>
  <option value="0.90">742 - Actividades de fotografía</option>
  <option value="2.60">75 - Actividades veterinarias</option>
  <option value="2.00">77 - Actividades de alquiler</option>
  <option value="2.75">78 - Actividades relacionadas con el empleo (Excepto 781)</option>
  <option value="1.95">781 - Actividades de las agencias de colocación</option>
  <option value="1.50">79 - Actividades de las agencias de viajes, operadores turísticos, servicios de reservas y actividades relacionadas con los mismos</option>
  <option value="3.60">80 - Actividades de seguridad e investigación</option>
  <option value="3.60">81 - Servicios a edificios y actividades de jardinería (Excepto 811)</option>
  <option value="1.85">811 - Servicios integrales a edificios e instalaciones</option>
  <option value="2.05">82 - Actividades administrativas de oficionas y otras actividades auxiliares a las empresas (Excepto 8220 y 8292)</option>
  <option value="1.40">8220 - Actividades de los centros de llamadas</option>
  <option value="3.30">8292 - Actividades de envasado y empaquetado</option>
  <option value="1.65">84 - Administracion Pública y defensa; Seguridad Social obligatoria (Excepto 842)</option>
  <option value="3.60">842 - Prestación de servicios a la comunidad en general</option>
  <option value="1.00">85 - Educación</option>
  <option value="1.50">86 - Actividades sanitarias (Excepto 869)</option>
  <option value="1.75">869 - Otras actividades sanitarias</option>
  <option value="1.50">87 - Asistencia en establecimientos residenciales</option>
  <option value="1.50">88 - Actividades de servicios sociales sin alojamiento</option>
  <option value="1.25">90 - Actividades de creación artística y espectáculos</option>
  <option value="1.25">91 - Actividades de bibliotecas, archivos, museos y otras actividades culturales. (Excepto 8104)</option>
  <option value="2.95">9104 - Actividades de los jardines botánicos, parques zoológicos y reservas naturales</option>
  <option value="1.25">Actividades de juegos de azar y apuestas</option>
  <option value="3.00">Actividades deportivas, recreativas y de entretenimento (Excepto u)</option>
  <option value="6.20">u - Espectáculos taurinos</option>
  <option value="1.65">94 - Actividades asociativas</option>
  <option value="2.60">95 - Reparación de ordenadores, efectos personales y artículos de uso doméstico (Excepto 9524)</option>
  <option value="3.85">9524 - Reparación de muebles y artículos de menaje</option>
  <option value="1.55">96 - Otros servicios personales (Excepto 9602, 9603 y 9609)</option>
  <option value="1.10">9602 - Peluquería y otros tratamientos de belleza</option>
  <option value="3.30">9603 - Pompas fúnebres y otras actividades relacionadas</option>
  <option value="2.60">9609 - Otros servicios personales n.c.o.p</option>
  <option value="1.10">97 - Actividades de los hogares como empleadores de personal doméstico</option>
  <option value="2.35">99 - Actividades de organizaciones y organismos extraterritoriales</option>
  <option value="1.00">a - Personal en trabajos exclusivos de oficina</option>
  <option value="2.00">b - Representantes de Comercio general</option>
  <option value="6.70">f - Conductores de vehículo automóvil de transporte de mercancías que tenga una capacidad de carga útil superior a 3.5 Tm</option>
  <option value="3.60">g - Personal de limpieza en general. Limpieza de edificios y de todo tipo de establecimientos. Limpieza de calles</option>
  <option value="3.60">h - Vigilantes, guardas, guardas jurados y personal de seguridad</option>
</select>
</div>

  <div id="hijos">
    <p>Número de hijos a cargo</p>
    <label>Menores de 26 años</label>
    <input type="radio" name="hijosMenores" value="ninguno" checked>Ninguno
    <input type="radio" name="hijosMenores" value="uno">uno
    <input type="radio" name="hijosMenores" value="uno">Más de uno
    
    <label>Mayores con una discapacidad mayor o igual a un 33%</label>
     <input type="radio" name="hijosDiscapacidad" value="ninguno" checked>Ninguno
    <input type="radio" name="hijosDiscapacidad" value="uno">uno
    <input type="radio" name="hijosDiscapacidad" value="uno">Más de uno
    <p>Deben convivir con el beneficiario y no perdibir rentas iguales o superiores al salario mínimo interprofesional</p>
  </div>
  <div id="edad">
  <label>Edad</label>
     <input type="radio" name="edad" value="menos60" checked>Menor de 60 años
    <input type="radio" name="edad" value="mas60">Mayor o igual a 60 años
  
  </div>
  <div id="Meses">
    <label>Meses cotizados</label>
  <select id="meses" name="meses">
  <option value="meses1">de 12 a 17 meses</option>
  <option value="meses2">de 18 a 23 meses</option>
  <option value="meses3">de 24 a 29 meses</option>
  <option value="meses4">de 30 a 35 meses</option>
  <option value="meses5">de 36 a 42 meses</option>
  <option value="meses6">de 43 a 47 meses</option>
  <option value="meses7">más de 48 meses</option>
 
</select>
  </div>
<input type="button" value="Calcular" onClick="CalcularTodo()" id="Calcular">

</form>

</div>
<div id="resultado">
  <div id="resultadoGeneral"></div>
  <div id="mostrarMeses"></div>
</div>















</body>
</html>
  
  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/lauraMM/a-pen-by-laura-xwrOdy */
@charset "utf-8";



/*Calculadora*/
.col-md-12.calculo-1box {
    background-color: #86bfcd;
    padding: 25px;
  
}


.calculo-1box h2 {
    
    color: #fff;
}


/*home*/

body {
  padding-top: 50px;
  font-family: Verdana,Geneva,sans-serif!important;
    -webkit-font-smoothing: antialiased;
}
.logo img {
    margin: 15px auto 30px auto;
}

.navbar-inverse{background-color:rgba(255, 255, 255, 0);
border-left:none;
border-right:none;
}
.nav-comu {    background-color: #2EA3F2;}
.nav-comu li {
    list-style: none;
    float: left;
  
}
.nav-comu li a{
 padding: 0 5px; 
color: rgba( 255, 255, 255, 0.6 );;
}



.nav-comu li a:hover{color:#fff; text-decoration:none;}
.nav.navbar-nav li {
    right: 50%;
}
ul.nav.navbar-nav {
    position: relative;
    left: 50%;
}
ul.asepeyo-webs {
    float: right;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
background-color:inherit;
border-bottom: 10px solid #258dc8;
color:#000;
}
.navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a{
color:#000;
text-transform:uppercase;
padding-bottom:5px;
margin:0 1px;
border-bottom: 10px solid #fff;
  transition: border-bottom 0.5s ease;

}
.navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
color:#333;
text-transform:uppercase;
border-bottom: 10px solid #258dc8;
}

footer {
    margin-top: 50px;
    border-top: 1px solid #333;
    padding-top: 25px;
    text-align: center;
}



.pag-desc{
    padding: 15px 15px 25px 15px;
    color: #878787;
    font-size: 1.1em;
}
.home-blog:before{background-color:#189ac1;}
.home-estatuto:before{background-color:#cdf1eb;}
.home-calc:before{background-color:#3399ff;}
.home-forms:before{background-color:#99cccc;}

.ratio1-1:before{
  content: "";
   display: block;
   padding-top: 100%; /*para una relación 1:1*/
}
.ratio1-2:before{
  content: "";
   display: block;
   padding-top: 49.55%; /*para una relación 1:1*/
}
.ratio1-1-2:before{
  content: "";
   display: block;
   padding-top: 100%; /*para una relación 1:1*/
}

.contenedor-txt{
    padding: 15px;
   position: absolute;
   top: 0; left: 0; bottom: 0; right: 0;
   margin: 0 auto; /*doble centrado*/
   /*O modifica según necesidades*/
 

}
/*fuentes*/
.contenedor-txt h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.contenedor-txt p {
    color: #fff;
    line-height: 1.3em;
}
.home-calc h3 {
    color: #fff;
    text-transform: uppercase;
}
.boton a{
	color:#fff;
    padding-right: 30px;
}
.boton a:hover{
text-decoration:none;
}
.home-calc a, .home-calc a:after {
    font-size: 1.5em;
}

.underline {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.underline:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #fff;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.underline:hover:before, .underline:focus:before, .underline:active:before {
    right: 0;
}


.icon-go:after {
font-family: 'FontAwesome',sans-serif;
    content: "\f105";
    position: absolute;
    right: 10px;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.icon-go:hover:after, .icon-go:focus:after, .icon-go:active:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
.gamma-description {
    background: #fff;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.gamma-description:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 1;
}



/*
.img1{background-image:url("../img/home-1.jpg");}
.img2{background-image:url("../img/home-2.jpg");}
.img3{background-image:url("../img/home-3.jpg");}
*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position:relative;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 6px;
}
.row {
    margin-right: -3px;
    margin-left: -3px;
}
/*padding 0 para igualar los espacios entre las cajas pequeñas*/
.caja{padding:0;}



/*pc*/
@media (min-width: 768px){
.navbar { 
	border-radius: 0px; 
}
.navbar-brand {
   float: none; 
   height: auto;
}



/*fuentes para pc*/
.contenedor-txt h2 {
    padding-bottom: 5%;
	font-size: 3.5em;
	margin-top: 40px;
}
.contenedor-txt p {
    font-size: 1.3em;
}

p.boton {
    font-size: 2em;
    padding-top: 25px;
}

.home-estatuto p , .home-forms p{
    font-size: 1.5em;
    line-height: 2em;
}
.home-estatuto span, .home-forms span {
    font-size: 2.3em;
}
.home-calc h3{
    font-size: 2em;
    padding-bottom: 35px;
}
}

@media (max-width: 1199px){

/*fuentes cuando se hace la caja 100%*/
.contenedor-txt h2 {
    padding-bottom: 2%;
	margin:0;
}
.contenedor-txt p {
    font-size: 1em;
}
p.boton {
    font-size: 1.5em;
    padding-top: 10px;
}

.home-estatuto p {
    font-size: 1.25em;
}
}
@media (max-width: 991px){

/*fuentes cuando se hace la caja 100%*/
.contenedor-txt h2 {

    padding-bottom: 5%;
	font-size: 5em;
}
.contenedor-txt p {
    font-size: 1.5em;
}
p.boton {
    font-size: 2em;
    padding-top: 25px;
}

.home-estatuto p {
    font-size: 2em;
}
.home-calc h3{
    font-size: 2.5em;
 padding-bottom:45px;
}

.ratio1-1-2:before{
  content: "";
   display: block;
   padding-top: 75%; /*para una relación 1:1*/
}
}

/*tablet*/
@media (max-width: 768px){
.nav.navbar-nav li, ul.nav.navbar-nav  {
    right: inherit;
	 left: inherit;
}
.movil-espec-p{width:100%}
ul.asepeyo-webs {
    float: right;
}
.navbar-inverse .navbar-toggle {
    border-color: #258dc8;
    background-color: #258dc8;
    border-radius: 0!important;
}
.navbar-inverse {
     border: none;
    background-color: transparent;
}
.logo img {
    max-width: 70%;
}
.navbar-inverse{ 
border:none!important;
}
.logo img {
    
    margin: 15px 0 30px 0;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #FFF;
}
.navbar-inverse .navbar-toggle:focus span, .navbar-inverse .navbar-toggle:hover span {
    background-color: #258cd8;
}


/*fuentes para tablet*/
.contenedor-txt h2 {
    margin-top:30px;
    padding-bottom: 5%;
	font-size: 4em;
}
.contenedor-txt p {
    font-size: 1.5em;
}
p.boton {
    font-size: 2em;
    padding-top: 25px;
}
.home-estatuto p {
    font-size: 2em;
}
.home-estatuto span {
    font-size: 1.8em;
}
.home-calc h3{
    font-size: 2em;
 padding-bottom:35px;
}
}


@media (max-width: 671px){

/*fuentes cuando se hace la caja 100%*/
.contenedor-txt h2 {
	margin-top:10px;
    padding-bottom: 5px;
	font-size: 4em;
}
.home-estatuto p {
    font-size: 1.8em;
line-height: 1.8em;
}
.home-estatuto span {
    font-size: 1.8em;
	
}
}

@media (max-width: 600px){

.contenedor-txt h2 {
	margin:0;
    padding-bottom: 25px;
	font-size: 3em;
}
.contenedor-txt p {
    font-size: 1em;
}
p.boton {
    font-size: 1.5em;
    padding-top: 10px;
}
.home-estatuto p {
    font-size: 1.8em;
line-height: 1.4em;
}
.home-estatuto span {
    font-size: 1.5em;
	
}
.home-calc h3{
    font-size: 1.8em;
 padding-bottom:25px;
}
}
/*movil*/
@media screen and (max-width: 480px){

.mobile-only, ul.asepeyo-webs{ display: inline; visibility:hidden; width:0; height:0; padding:0; margin:0;}

/*fuentes para movil*/
.contenedor-txt h2 {
    padding: 0 0 10px 0;
    font-size: 2em;
    margin-top: 0;
}
.contenedor-txt p {
  
}
p.boton {
    font-size: 1.5em;
    padding-top: 10px;
}
.home-estatuto p {
    font-size: 1em;
line-height: 1.8em;
}
.home-calc h3{
    font-size: 1em;
 padding-bottom:10px;
}
.movil-espec{width:100%}
.movil-espec-p{width:50%}
}

@media screen and (max-width: 371px){

.ratio1-2:before{
 
      padding-top: 70%; /*para una relación 1:1*/

}

.ratio1-1-2:before{
 padding-top:100%;
   
}
/*fuentes para movil*/
.contenedor-txt h2 {
    font-size: 2em;
}

p.boton {
    padding-top: 5px;
}
.home-estatuto p {
    font-size: 1em;
line-height: 1.3em;
}

}

/*Downloaded from https://www.codeseek.co/lauraMM/a-pen-by-laura-xwrOdy */
function disabledCheckbox() {
var total=document.mediaAnual.totalMedia.value; 
// si todos son iguales  
	if(document.mediaAnual.todoIgual.checked)
		{
		
		//ocultamos el div
		  document.getElementById("media-anual-meses").style.display='none';
		
      if (total>884.40 && total<3606){
      //hacemos que cuando se clique todos los campos cojan el mismo valor
			document.mediaAnual.enero.value= total;
			document.mediaAnual.febrero.value= total;
			document.mediaAnual.marzo.value= total;
			document.mediaAnual.abril.value= total;
			document.mediaAnual.mayo.value= total;
			document.mediaAnual.junio.value= total;
			document.mediaAnual.julio.value= total;
			document.mediaAnual.agosto.value= total;
			document.mediaAnual.septiembre.value= total;
			document.mediaAnual.octubre.value= total;
			document.mediaAnual.noviembre.value= total;
			document.mediaAnual.diciembre.value= total;
			}
			else {
			document.mediaAnual.enero.value= 884.40;
			document.mediaAnual.febrero.value= 884.40;
			document.mediaAnual.marzo.value= 884.40;
			document.mediaAnual.abril.value= 884.40;
			document.mediaAnual.mayo.value= 884.40;
			document.mediaAnual.junio.value= 884.40;
			document.mediaAnual.julio.value= 884.40;
			document.mediaAnual.agosto.value= 884.40;
			document.mediaAnual.septiembre.value= 884.40;
			document.mediaAnual.octubre.value= 884.40;
			document.mediaAnual.noviembre.value= 884.40;
			document.mediaAnual.diciembre.value= 884.40;
			
			
			}
		}
		//sinó esta seleccionado ocultamos el div
	else
		{
			document.getElementById("media-anual-meses").style.display='block';
			
		}


}

/*hacemos que el valor de las cajas cambie cuando cambiamos el total el valor val es el que coje con this.value en la función*/
/*function igualar(val){

  if (document.mediaAnual.todoIgual.checked ){
        document.mediaAnual.enero.value= val;
        document.mediaAnual.febrero.value= val;
		document.mediaAnual.marzo.value= val;
		document.mediaAnual.abril.value= val;
		document.mediaAnual.mayo.value= val;
		document.mediaAnual.junio.value= val;
		document.mediaAnual.julio.value= val;
		document.mediaAnual.agosto.value= val;
		document.mediaAnual.septiembre.value= val;
		document.mediaAnual.octubre.value= val;
		document.mediaAnual.noviembre.value= val;
		document.mediaAnual.diciembre.value= val;
   
  }
}
*/

//función para calcular el total 
function calcTotal(){
//guardamos el valor en una variable
	var m1=  document.mediaAnual.enero.value;
//si en vez de punto separamos con una coma el valor se corta con split y lo vuelve a juntar con join
	m1=parseFloat(m1.split(",").join("."));

	var m2 =  document.mediaAnual.febrero.value;
	m2=parseFloat(m2.split(",").join("."));
	
	var m3 =  document.mediaAnual.marzo.value;
	m3=parseFloat(m3.split(",").join("."));

	var m4 =  document.mediaAnual.abril.value;
	m4=parseFloat(m4.split(",").join("."));

	var m5 =  document.mediaAnual.mayo.value;
	m5=parseFloat(m5.split(",").join("."));
	
	var m6 =  document.mediaAnual.junio.value;
	m6=parseFloat(m6.split(",").join("."));
	
	var m7 =  document.mediaAnual.julio.value;
	m7=parseFloat(m7.split(",").join("."));
	
	var m8 =  document.mediaAnual.agosto.value;
	m8=parseFloat(m8.split(",").join("."));
	
	var m9 =  document.mediaAnual.septiembre.value;
	m9=parseFloat(m9.split(",").join("."));
	
	var m10 =  document.mediaAnual.octubre.value;
	m10=parseFloat(m10.split(",").join("."));
	
	var m11 =  document.mediaAnual.noviembre.value;
	m11=parseFloat(m11.split(",").join("."));
	
	var m12 =  document.mediaAnual.diciembre.value;
	m12=parseFloat(m12.split(",").join("."));
  
//Sumamos todos los valores 
  var media = m1+m2+m3+m4+m5+m6+m7+m8+m9+m10+m11+m12;
  var totalMedia = media/12;
  var totalMediacon2Decimal = totalMedia.toFixed(2);
  document.mediaAnual.totalMedia.value= totalMediacon2Decimal;
  
}



function validarNumero(numero, id){
  
  
   if (numero<884.40 || numero>3606){
       document.getElementById("alerta").innerHTML="el valor introducido en "+ id+" " + numero + " no es válido. Recuerde que la base de cotización minima es de 884.40€ y 3606€";
       var x = id;
      //document.getElementById(x).value ="844.40";
      document.getElementById(x).style.color='red';
    }
	
	else if (numero>884.40 || numero<3606){
	document.getElementById("alerta").innerHTML="";
	  var x = id;
	document.getElementById(x).style.color='black';
	}
	else {
	document.getElementById("alerta").innerHTML="El valor introducido no es un número";
	}
  }



function CalcularTodo(){
  //Seleccionamos el elemento y dp con selectedIndex el texto que es lo que queremos mostrar
    var seleccionCnae = document.getElementById('cnaeS');
    var cnae = seleccionCnae.options[seleccionCnae.selectedIndex].text;
	var CnaeValor=document.getElementById('cnaeS').value;
  //guardamos la media anual en una variable
  var TotalMedia = document.getElementById("totalMedia").value;
  //Mostramos el primer
   document.getElementById("resultadoGeneral").innerHTML="Su código CNAE es el " + cnae + ", y su base reguladora mensual es de " + TotalMedia + "€, por lo que le corresponde:" ;

  
  
  //Caculamos el tiempo de prestacion segun los meses cotizados y la edad
  var mesesPrestaciones = document.getElementById("meses").value; 
  
  //Obtenemos el texto para mostrarlo en el resultado
   var seleccionMeses = document.getElementById("meses");
   var meses = seleccionMeses.options[seleccionMeses.selectedIndex].text;
  
  
 //Obtenemos la variable de la edad. Primero seleccionamos el objeto, lo recorremos con for y con if escribe el que está seleccionado

  var seleccionEdad = document.getElementsByName("edad");
  for(var i=0; i<seleccionEdad.length; i++) {
      if(seleccionEdad[i].checked){
        var edadPrestaciones=seleccionEdad[i].value;
       //document.getElementById("mostrarMeses").innerHTML= " Elemento: " + seleccionEdad[i].value + "\n Seleccionado: " + seleccionEdad[i].checked;
        if ( seleccionEdad[i].value=="menos60"){
          var edadTexto =" y tiene menos de 60 años";
         }
          else{
            var edadTexto=" y tiene más de 60 años";
            }
        }
      
  }
  
  
    //Obtenemos el número de hijos
 var seleccionHijos = document.getElementsByName("hijos");
  for(var i=0; i<seleccionHijos.length; i++) {
      if(seleccionHijos[i].checked){
        var NumHijos=seleccionHijos[i].value;     
         }
   }

 

  switch (mesesPrestaciones + "-" + edadPrestaciones) {
      case "meses1-menos60": 
        /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 2 semanas.";*/
		var TotalMeses= 2;
        break;
      case "meses1-mas60": 
        /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 2 semanas.";*/
		var TotalMeses= 2;
        break;
      
      case "meses2-menos60": 
       /* document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 3 semanas.";*/
		var TotalMeses= 3;
        break;
      case "meses2-mas60": 
        /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 4 semanas.";*/
		var TotalMeses= 4;
        break;
      case "meses3-menos60": 
        /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 4 semanas.";*/
		var TotalMeses= 4;
        break;
      case "meses3-mas60": 
        /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 6 semanas.";*/
		var TotalMeses= 6;
        break;
      case "meses4-menos60": 
       /* document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 5 semanas.";*/
		var TotalMeses= 5;
        break;
      case "meses4-mas60": 
        /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 8 semanas.";*/
		var TotalMeses= 8;
        break;
      case "meses5-menos60": 
        /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 6 semanas.";*/
		var TotalMeses= 6;
        break;
      case "meses5-mas60": 
        /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 10 semanas.";*/
		var TotalMeses= 10;
        break;
      case "meses6-menos60": 
        document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 8 semanas.";
		var TotalMeses= 8;
        break;
      case "meses6-mas60": 
       /* document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 12 semanas.";*/
		var TotalMeses= 12;
        break;
      case "meses7-menos60": 
       /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 12 semanas.";*/
		var TotalMeses= 12;
        break;
      case "meses7-mas60": 
        /*document.getElementById("mostrarMeses").innerHTML="Ha cotizado " + meses + edadTexto + " le corresponden 12 semanas.";*/
		var TotalMeses= 12;
        break;
}




//ocultamos el formulario cuando se muestra el resultado  
document.getElementById("formulario").style.display='none';
document.getElementById("resultado").style.display='block';


/*
				COTIZACIONES

*/
//calculamos todas las variables y quitamos decimales


//contingencias comunes
var ContingenciasCom = TotalMedia*(29.8/100); 
var ContingenciasCom2D = ContingenciasCom.toFixed(2);
var ContingenciasComunes = '<div class="col-md-12">Contingencias comunes <span>'+  ContingenciasCom2D +'</span></div>' ;

//riesgo de embarazo
var RiesgoEmb= TotalMedia*(0.1/100);
var RiesgoEmb2D= RiesgoEmb.toFixed(2);
var RiesgoEmbarazo= '<div class="col-md-12">Riesgo de embarazo <span>'+  RiesgoEmb2D +'</span></div>' ;

// accidente de trabajo y enfermedad profesional
var ATenfprof = CnaeValor*TotalMedia/100;
var ATenfprof2D=ATenfprof.toFixed(2);
var AccidenteTrabajoEnfermedadProfesional= '<div class="col-md-12">Riesgo de embarazo <span>'+  RiesgoEmb2D +'</span></div>' ;

// Cese de actividad
var CeseAct= TotalMedia*(2.2/100);
var CeseActividad2D=CeseAct.toFixed(2);
var CeseActividad= '<div class="col-md-12">Riesgo de embarazo <span>'+  CeseActividad2D +'</span></div>' ;


				/*
					CALCULAMOS Y PINTAMOS LOS TOTALES
														*/
											
// TOTAL COBERTURA OBLIGATORIA	
/*No calculamos el resultado de toFixed porque el valor que devuelve es tipo string no number*/										
var COTotalMensual = ContingenciasCom + RiesgoEmb;
var COTotalMensual2D = COTotalMensual.toFixed(2);
document.getElementById("COTotalMensual").innerHTML = COTotalMensual2D+'€';
// TOTAL COBERTURA OBLIGATORIA Y COBERTURA POR at
var COATTotalMensual =  ContingenciasCom + ATenfprof;
var COATTotalMensual2D=COATTotalMensual.toFixed(2);
document.getElementById("COATTotalMensual").innerHTML = COATTotalMensual2D+'€';

  
  
//TOTAL COBERTURA OBLIGATORIA Y CESE DE ACTIVIDAD
var COCATotalMensual =  ContingenciasCom +RiesgoEmb+ ATenfprof;
var COCATotalMensual2D = COCATotalMensual.toFixed(2);
document.getElementById("COCATotalMensual").innerHTML = COCATotalMensual2D+'€';
  
  //TOTAL COBERTURA OBLIGATORIA, ACCIDENTE DE TRABAJO
var COATCATotalMensual =  ContingenciasCom +RiesgoEmb+ CeseAct;
var COATCATotalMensual2D = COATCATotalMensual.toFixed(2);
document.getElementById("COATCATotalMensual").innerHTML = COATCATotalMensual2D+'€';

			/*
					CALCULAMOS Y PINTAMOS LOS TOTALES
														*/

// Cobertura obligatoria
document.getElementById("CoberturaObligatoria-cotizaciones").innerHTML= ContingenciasComunes + RiesgoEmbarazo + '<div class="col-md-12">Accidente de trabajo y enfermedad profesional <span> --</span></div><div class="col-md-12">Cese de actividad <span> --</span></div>';

// cobertura obligatoria y cobertura por AT

document.getElementById("AccidenteTrabajo-cotizaciones").innerHTML= ContingenciasComunes + 
'<div class="col-md-12">Riesgo de embarazo y lactancia natural <span> --</span></div>' + AccidenteTrabajoEnfermedadProfesional + '<div class="col-md-12">Cese de actividad <span> --</span></div>';

  // Cobertura obligatoria y cese de actividad
document.getElementById("CeseActividad-cotizaciones").innerHTML= ContingenciasComunes + RiesgoEmbarazo + 
'<div class="col-md-12">Accidente de trabajo y enfermedad profesional <span> --</span></div>' + CeseActividad;
// Cobertura obligatoria, accidente de trabajo y cese de actividad
document.getElementById("COATCA-cotizaciones").innerHTML= ContingenciasComunes + '<div class="col-md-12">Riesgo de embarazo y lactancia natural <span> --</span></div>'  + CeseActividad;

/*
				PRESTACIONES

*/


//Subsidio diario por incapacidad del 4 al 20
var Subsidio4_20 = TotalMedia*(0.60/30); 
var Subsidio4_202D = Subsidio4_20.toFixed(2);
var Subsidio2 = '<div class="col-md-12 class="prestaciones-diarias">Del 4º al 20º: <span>'+  Subsidio4_202D +'€</span></div>' ;

//Subsidio diario por incapacidad del 21 en adelante
var Subsidio21 = TotalMedia*(0.75/30); 
var Subsidio212D = Subsidio21.toFixed(2);
var Subsidio3 = '<div class="col-md-12 prestaciones-diarias">Del día 21 en adelante: <span>'+  Subsidio212D +'€</span></div>' ;

//Subsidio diario por incapacidad del siguiente dia de baja
var SubsidioPrimerdia = TotalMedia*(0.75/30); 
var SubsidioPrimerdia2D = SubsidioPrimerdia.toFixed(2);
var Subsidio1 = '<div class="col-md-12 prestaciones-diarias">A partir del día siguiente a la baja: <span>'+  SubsidioPrimerdia2D +'€</span></div>' ;

//Subsidio por lactancia

var SubsidioLact = TotalMedia*(0.75/30); 
var SubsidioLact2D = SubsidioLact.toFixed(2);
var SubsidioLactancia = '<div class="col-md-12">Diaria durante el embarazo o lactancia natural <span>'+  SubsidioLact2D +'€</span></div>' ;

//Subsidio cese de actividad
var SubsidioCeseAct = TotalMedia * (70/100);
//var SubsidioCeseAct2D = SubsidioCeseAct.toFixed(2);


//Miramos los máximos y minimos en función de los hijos


if(NumHijos=="ninguno"){
           if (SubsidioCeseAct<497){  
                var SubCeseFinal = "497.01€";
               }
           else if (SubsidioCeseAct>1087){  
                var SubCeseFinal = "1087.21€";
               }
            else {
              
              //.toFixed(2) solo muestra dos decimales
              var SubCeseFinal=SubsidioCeseAct.toFixed(2);
            }
}
else {
         if (SubsidioCeseAct<664){  
            var SubCeseFinal = "664.75€";
           }
  
        else {
                if (NumHijos=="uno" && SubsidioCeseAct>1242){
                  var SubCeseFinal="1242.84€";
                }
                 else if (NumHijos=="mas" && SubsidioCeseAct>1397){
                  var SubCeseFinal="1397.84€";
				
                }
                else {var SubCeseFinal=SubsidioCeseAct.toFixed(2);}

        }
    
  }







var SubsidioCeseActividad = '<div class="col-md-12">Subsidio mensual por cese de actividad con una duración de ' + TotalMeses+ ' meses <span>'+  SubCeseFinal +'</span></div>' ;



/*
					CALCULAMOS Y PINTAMOS LOS TOTALES
														*/

// Cobertura obligatoria
document.getElementById("CoberturaObligatoria-prestaciones").innerHTML= Subsidio2 + Subsidio3 + '<div class="col-md-12 prestaciones-diarias">A partir del día siguiente a la baja <span> --</span></div>'+ SubsidioLactancia +'<div class="col-md-12">Subsidio mensual por cese de actividad con una duración de' + TotalMeses+ ' meses <span>--</span></div>' ;

// cobertura obligatoria y cobertura por AT

document.getElementById("AccidenteTrabajo-prestaciones").innerHTML= Subsidio2 + Subsidio3 + Subsidio1 + SubsidioLactancia +'<div class="col-md-12">Subsidio mensual por cese de actividad con una duración de' + TotalMeses+ ' meses <span>--</span></div>' ;

  
  // Cobertura obligatoria y cese de actividad
document.getElementById("CeseActividad-prestaciones").innerHTML= Subsidio2 + Subsidio3 + '<div class="col-md-12 prestaciones-diarias">A partir del día siguiente a la baja <span> --</span></div>'+ SubsidioLactancia + SubsidioCeseActividad ;
  
  
  
  // Cobertura obligatoria, accidente de trabajo y cese de actividad
document.getElementById("COATCA-prestaciones").innerHTML= Subsidio2+ Subsidio3 + Subsidio1  + SubsidioLactancia   +SubsidioCeseActividad;

}

function VolveraCalcular(){

//ocultamos el formulario cuando se muestra el resultado  
document.getElementById("formulario").style.display='block';
document.getElementById("resultado").style.display='none';
//reseteamos el formulario
document.getElementById("mediaAnual").reset();
}

Comments