/* This is a warning! You are reading here because you understand the CODE, therefore you know that copying is prohibited. We will prosecute all violators. Going beyond this line will be considered an intentional infraction. */ /* ¡Esto es una advertencia! Estás leyendo aquí porque entiendes el CÓDIGO, por lo tanto sabes que está prohibido copiar. Procesaremos a todos los infractores. Rebasar esta línea se considerará infracción intencionada. */ * {font-family:arial, verdana, san-serif; letter-spacing:0.1rem; word-spacing:0.25rem; text-decoration:none; color:black;} /*Arial*/ body {margin:0px; background-color:#B2A289; text-align:center;} a:link {color:blue; text-decoration:underline;} a:active {color:blue; text-decoration:underline;} a:hover {color:red; text-decoration:underline;} a:visited {color:black; text-decoration:underline;} p::first-letter {font-size:150%;} header {padding-top:5px; background-color:#899db2; background-image:linear-gradient(#899db2, white);} em {font-weight:bold;} fieldset {font-style:italic; border:medium solid white; border-radius:5px;} footer {background-color:#12100e; padding:100px 0 75px 0;} hr {width:50%; color:black;} i {background-color:#D9F907;} img {pointer-events:none;} /* Very important, to protect images. */ label {line-height:10px;} legend {margin:0 auto; color:white; background-color:black; padding:5px 1rem; line-height:1.5;} mark {background-color:#D9F907;} #afirmacion::first-letter, #empezar::first-letter, #terminos::first-letter {font-size:100%;} #arriba {margin-left:-3rem;} #artista {padding:75px 10% 0 10%;} #centro {margin:50px auto 75px auto; width:90%; height:auto; border:medium solid black; border-radius:10px;} #empezar, #enviar {text-align:center; text-indent:0;} #fill {padding:50px 2rem;} #favor {margin:35px 0; color:white; line-height:15px;} #inseparable {white-space:nowrap; line-height:25px; color:white; font-style: normal; color:white;} #no {color:white; font-size:110%; text-decoration:underline; letter-spacing:0.15rem; background-color:black; padding:2px 0.75rem; white-space:nowrap;} #pelicula {display:none;} #primera {margin-top:75px;} #reset {margin:50px 0 50px 1.5rem; padding:5px 5rem; transform:scale(0.9, 1.6); width:15rem; font-size:1.25rem; background-color:#D9F907; border:thin solid #152432; border-radius:5px; text-align:center;} #submit {margin:50px 0 50px 1.5rem; padding:5px 5rem; transform:scale(0.9, 1.6); width:15rem; font-size:1.25rem; background-color:#D9F907; border:thin solid #152432; border-radius:5px; text-align:center;} #subtitulo {text-align:left; line-height:1.25;} #telefono {white-space:nowrap;} #adobe {width:100px; height:25px; margin:0 0 0 1rem; padding:15px 1rem; background-color:white;} #daddy {width:100px; height:25px; margin:0 1rem 25px 1rem; padding:15px 1rem; background-color:white;} #faa {width:150px; height:50px; margin:0 1rem 0 0; padding:20px 1rem; background-color:white;} #google {width:90px; height:30px; margin:0 0 25px 1rem; padding:10px 0.75rem 5px 0.75rem; background-color:white;} #metrico {width:100px; height:50px; margin:0 1rem 25px 1rem;} #ssl {width:90px; height:60px; margin:0 1rem 25px 1rem; padding:5px 1rem 10px 1rem; background-color:white;} #validacion {width:105px; height:90px; margin:0 1rem 35px 0;} .como {text-align:center;} .condiciones {margin:100px auto; text-indent:5rem; text-align:left;} .condiciones::first-letter {font-size:150%;} .entradas {margin:10px 0;} .separador {padding:175px 0; line-height:20px;} .generico {transform:scale(0.9, 1.6); color:white; margin:50px 0 25px 0;} .gracias {transform:scale(0.9, 1.6); color:white; margin:50px 0 25px 0; padding-bottom:10px;} .espacio {margin:20px 0 40px 0;} .oracion {padding:0 0.25rem 1px 0.25rem;} .letra {padding:6px 0.25rem 1px 0.5rem;} .prueba {color:white; margin-bottom:50px;} .quienes {display:inline; position:absolute; margin:50px 25px; line-height:1.25rem; text-align:left;} .segunda {margin:150px 0 75px 0;} .titulo3 {padding:1px 0.75rem 2px 0.75rem;} #panorama {padding-top:80px; background-image:url('data:image/png;base64,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'); background-repeat:repeat-x; overflow:hidden; pointer-events:none;} /* https://code-boxx.com/html-css-news-ticker-horizontal-vertical/ */ /* (A) FIXED WRAPPER */ .cinta {overflow:hidden; /* HIDE SCROLL BAR */ background:#B2A289;} /* (B) MOVING TICKER WRAPPER */ /* (C) ITEMS - INTO A LONG HORIZONTAL ROW */ /* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */ /* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */ .corre:hover {animation-play-state:paused;} /* Telephones */ @media only screen and (max-width: 600px) { h1 {transform:scale(0.9, 1.6); font-size:1.1rem; text-shadow:4px 4px 8px #152432; letter-spacing:0.3rem;} h2 {transform:scale(0.9, 1.6); font-size:1rem; text-shadow:3px 3px 6px #152432; letter-spacing:0.2rem; line-height:1.25;} h3 {transform:scale(0.9, 1.6); font-size:0.9rem;} h4 {transform:scale(0.9, 1.6); font-size:0.8rem;} h5 {transform:scale(0.9, 1.6); font-size:0.7rem;} h6 {transform:scale(0.9, 1.6); font-size:0.6rem;} p {transform:scale(0.9, 1.6); line-height:1.25; font-size:0.85rem; text-indent:5rem; text-align:left;} form {margin:75px 0; padding:50px 0; text-align:left; border:thick solid black; border-radius:10px;} table {margin:50px auto 125px auto; border:medium solid #152432; border-radius:10px; text-align:left; background-color:#899db2;} tr {line-height:15px;} th, td {font-size:0.8rem; padding:15px 0; transform:scale(0.9, 1.6);} dl {text-align:left; transform:scale(0.9, 1.6); font-size:0.75rem;} #activa {padding:2px 0.2rem; width:5rem; transform:scale(0.9, 1.6); margin-bottom:25px; display:block; font-size:0.85rem; background-color:#899db2; border:thin solid #152432; border-radius:5px;list-style-type:none;} #esta {padding:4px 0.25rem; width:4rem; transform:scale(0.9, 1.6); font-size:0.85rem; background-color:#899db2; border:thin solid #152432; border-radius:5px; list-style-type:none; display:inline-block;} #administracion {margin:10px 1rem 15px 4rem;} #transportacion {margin:10px 1rem 50px 4rem;} #afirmacion {margin:150px auto 75px auto; transform:scale(0.9, 1.6); font-size:1rem; text-align:center; text-indent:0; color:#982E05; font-style:italic;} #ahora {margin:175px 1rem 0 1rem; text-align:left;} #atencion {margin-bottom:40px; font-size:1.25rem; text-align:left; text-shadow:4px 4px 8px #152432;} #claves {text-align:left; margin:175px 0 75px 0; padding:25px 2rem; background-color:#899db2; border:medium solid #152432; border-radius:10px; line-height:1.5;} #capacidad {margin:225px 1rem 150px 1rem;} #combinacion {margin:125px auto 75px auto; align-items:center; width:320px; height:240px;} #contacto {margin-top:75px;} #contenedor {display:block; text-align:left; margin-top:75px;} #descripcion {margin:125px 0 225px 0;} #despedida {display:block;} #dicho {margin:35px 1rem; padding:4px 1rem 6px 1rem; background-color:#D9F907; text-align:center;} #distintivo {display:block; margin:100px 0 50px 0;} #empezar {margin:45px 0 75px 1rem; padding:2px 1rem; width:8rem; transform:scale(0.9, 1.6); font-size:0.85rem; background-color:#D9F907; border:thin solid #152432; border-radius:5px;} #encabezado {margin:10px auto; height:225px; display:grid; grid-template-columns:60% 40%; grid-template-rows:auto auto;} #fill {padding:75px 0;} #gobierno {display:flex; justify-content:space-evenly; margin:0 10%;} #hora {font-size:0.85rem; font-weight:bold;} #hoy {margin:0 auto;} #imagen {margin:0 auto 50px auto;} #llamado1 {margin:150px 0 200px 0; font-style:italic;} #llamado2 {margin:200px 0 200px 0; font-style:italic;} #llamado3 {margin:200px 0 150px 0; font-style:italic;} #llame {margin:0 auto; padding:10px 0; width:15rem; transform:scale(0.9, 1.6); font-weight:bold; background-color:#D9F907; border:medium solid black; border-radius:10px; list-style-type:none; font-size:1rem;} #lista {margin-top:125px;} #logo {margin-top:50px; height:48px; width:64px;} #nombre {display:block;} #nubes {right:0; top:0; width:256px; height:128px; position:absolute;} #propuesta {display:block; margin:25px 0 50px 1rem;} #pruebas {display:flex; flex-wrap:wrap; justify-content:space-around; margin:0 5%;} #sol {right:40%; top:25px; width:24px; height:24px; position:absolute;} #terminos {margin:225px 0 175px 0; transform:scale(0.9, 1.6); font-size:75%; text-indent:0;} #tipo {margin:175px 0 200px 0;} #variables {text-align:left; font-size:0.85rem; margin-bottom:100px;} #yo {width:200px; height:150px; display:block; margin:0 auto; border:medium solid black; border-radius:10px;} .beneficio {font-size:0.85rem;} .bloques {margin:75px auto 0 auto; padding:50px 0; border:medium solid black; border-radius:10px; width:85%; background-color:#899db2;} .como {height:10px;} .conocimiento {font-size:0.75rem; font-style:italic; color:#982E05; line-height:5px; line-height:8px; word-spacing:0.5rem;} .cuadro {margin:100px 0 250px 0;} .derechos {transform:scale(0.9, 1.6); margin:15px auto 5px auto; color:white; text-indent:0; text-align:center; line-height:20px;} .explicacion {margin:35px 0 25px 0; line-height:1.25;} .fotos {margin-left:5%; width:50%; border:medium solid black; border-radius:10px;} .generico {margin-top:100px;} .lograr {width:80px; height:60px;} .industria {margin-top:25px;} .precio {font-size:0.75rem; font-weight:bold; margin-left:2rem;} .programa {transform:scale(0.9, 1.6); line-height:2; font-size:0.85rem;} .quienes {float:right; margin:50px 15px; line-height:1.25rem; text-align:left;} #solicitacion {display:block;} .tecnica {margin-bottom:25px; padding:2px 0.2rem; width:5rem; transform:scale(0.9, 1.6); display:block; font-size:0.85rem; background-color:#A5C8E8; border:thin solid #152432; border-radius:5px; list-style-type:none;} .otras {padding:4px 0.25rem; width:4rem; transform:scale(0.9, 1.6); font-size:0.85rem; background-color:#A5C8E8; border:thin solid #152432; border-radius:5px; list-style-type:none; display:inline-block;} .trescolumnas {display:block; margin-bottom:75px;} .ultimo {transform:scale(0.9, 1.6); margin:25px auto; text-align:center; width:100%;} .corre {display:flex; animation:tickerh linear 30s infinite;} .frase {transform:scale(0.9, 1.6); font-size:0.85rem; color:#982E05; list-style-type:none; flex-shrink:0; width:8rem; box-sizing:border-box; padding-top:5px; margin-right:2rem; text-align:center;} @keyframes tickerh {0% {transform:translate3d(100%, 0, 0);} 100% {transform:translate3d(-225%, 0, 0);}}} /* Tablets */ @media only screen and (min-width: 601px) and (max-width: 900px) { h1 {transform:scale(0.9, 1.6); font-size:1.5rem; text-shadow:4px 4px 8px #152432; letter-spacing:0.3rem;} h2 {transform:scale(0.9, 1.6); font-size:1.25rem; text-shadow:3px 3px 6px #152432; letter-spacing:0.2rem;} h3 {transform:scale(0.9, 1.6); font-size:0.8rem;} h4 {transform:scale(0.9, 1.6); font-size:0.7rem;} h5 {transform:scale(0.9, 1.6); font-size: 0.65rem;} h6 {transform:scale(0.9, 1.6); font-size:0.6rem;} p {transform:scale(0.9, 1.6); line-height:1.25; font-size:0.75rem; text-indent:5rem; text-align:left;} form {margin:75px 5%; padding:50px 0; text-align:left; border:thick solid black; border-radius:10px;} table {margin:50px auto 125px auto; border:medium solid #152432; border-radius:10px; text-align:left; padding:0 50px; background-color:#899db2;} tr {line-height:15px;} th, td {font-size:0.85rem; padding:10px 0; transform:scale(0.9, 1.6);} dl {text-align:left; transform:scale(0.9, 1.6); font-size:0.75rem;} #activa {margin:0 auto 25px auto; padding:3px 0.3rem; width:6rem; transform:scale(0.9, 1.6); display:block; font-size:0.8rem; background-color:#899db2; border:thin solid #152432; border-radius:5px; list-style-type:none;} #esta {padding:3px 0.3rem; width:6rem; transform:scale(0.9, 1.6); display:inline-block; font-size:0.8rem; background-color:#899db2; border:thin solid #152432; border-radius:5px; list-style-type:none;} #administracion {margin:10px 2rem 15px 10rem;} #transportacion {margin:10px 2rem 40px 10rem;} #afirmacion {margin:150px auto 75px auto; transform:scale(0.9, 1.6); font-size:1.1rem; text-align:center; text-indent:0; color:#982E05; font-style:italic;} #ahora {margin:75px 2rem 0 8rem; text-align:left;} #atencion {margin-bottom:35px; font-size:1.75rem; text-align:left; text-shadow:5px 5px 10px #152432;} #claves {text-align:left; margin:125px 0 150px 0; padding:25px 2rem; background-color:#899db2; border:medium solid #152432; border-radius:10px; line-height:1.5;} #combinacion {margin:150px auto 75px auto; align-items:center; width:400px; height:300px;} #contenedor {display:block; text-align:left; margin:75px 5% -50px 5%;} #descripcion {margin:25px 0 125px 0;} #despedida {display:block;} #dicho {margin-bottom:35px; padding:4px 1rem 6px 1rem; background-color:#D9F907; text-align:left;} #distintivo {display:block; margin:100px 0 50px 0;} #empezar {margin:35px 0 25px 1.25rem; padding:3px 1rem; width:8rem; transform:scale(0.9, 1.6); font-size:0.8rem; background-color:#D9F907; border:thin solid #152432; border-radius:5px;} #encabezado {margin:10px auto; height:175px; display:grid; grid-template-columns:60% 40%; grid-template-rows:auto auto; height:225px;} #fill {padding:75px 1rem;} #gobierno {display:flex; justify-content:space-evenly; margin:0 25%;} #hora {font-size:0.85rem; font-weight:bold;} #hoy {width:80%; margin:0 auto;} #imagen {margin-right:1rem;} #lema {margin-top:25px; line-height:1.25;} #llamado1 {margin:100px 0 150px 25%; font-style:italic;} #llamado2 {margin:150px 27% 150px 0; font-style:italic;} #llamado3 {margin:150px 0 100px 25%; font-style:italic;} #llame {margin:0 auto; padding:10px 0; width:15rem; transform:scale(0.9, 1.6); font-weight:bold; background-color:#D9F907; border:medium solid black; border-radius:10px; list-style-type:none; font-size:1rem;} #lista {margin-top:125px;} #logo {margin-top:25px; width:64px; height:48px;} #nombre {display:block;} #nubes {right:0; top:0; width:384px; height:200px; position:absolute;} #propuesta {display:block; margin:25px 0 45px 5%; width:80%;} #pruebas {display:flex; flex-wrap:wrap; justify-content:space-around; margin:0 5%;} #sol {right:33%; top:25px; width:24px; height:24px; position:absolute;} #solicitacion {display:flex; text-align:left;} #subtitulo {text-align:left;} #terminos {margin:150px 0 125px 0; transform:scale(0.9, 1.6); font-size:75%; text-indent:0;} #tipo {margin:100px 0 125px 0;} #variables {text-align:left; font-size:0.85rem; margin:0 10rem 100px 2rem;} #yo {width:240px; height:180px; margin-left:2rem; border:medium solid black; border-radius:10px;} .beneficio {font-size:0.85rem;} .bloques {margin:0 auto; padding:50px 0; border:medium solid black; border-radius:10px; width:90%; background-color:#899db2;} .como {height:10px;} .conocimiento {margin-left:1.5rem; font-size:0.75rem; font-style:italic; text-align:left; color:#982E05; word-spacing:0.75rem; line-height:5px;} .cuadro {margin-bottom:200px;} .derechos {transform:scale(0.9, 1.6); margin:15px auto 5px auto; color:white; text-indent:0; text-align:center; line-height:20px;} .explicacion {margin:30px 5% 25px 5%; line-height:1.25;} .fotos {margin-left:5%; width:55%; border:medium solid black; border-radius:10px;} .flexible {display:block;} .lograr {width:80px; height:60px;} .precio {font-size:0.75rem; font-weight:bold; padding-left:1rem; margin-left:5rem} .programa {transform:scale(0.9, 1.6); line-height:2; font-size:0.8rem; margin-left:2rem;} .quienes {float:right; margin:50px 15px; line-height:1.25rem; text-align:left;} .tecnica {transform:scale(0.9, 1.6); margin:0 auto 25px auto; width:6rem; display:block; padding:3px 0.3rem; font-size:0.8rem; background-color:#A5C8E8; border:thin solid #152432; border-radius:5px; list-style-type:none;} .otras {transform:scale(0.9, 1.6); width:6rem; display:inline-block; padding:3px 0.3rem; font-size:0.8rem; background-color:#A5C8E8; border:thin solid #152432; border-radius:5px; list-style-type:none;} .trescolumnas {margin:75px 0 75px 0; display:grid; grid-template-columns:50% 50%; grid-template-rows:auto auto auto; grid-row-gap:50px; } .ultimo {transform:scale(0.9, 1.6); margin-top:75px; text-align:center; width:100%;} .corre {display:flex; animation:tickerh linear 30s infinite;} .frase {transform:scale(0.9, 1.6); font-size:0.75rem; color:#982E05; list-style-type:none; flex-shrink:0; width:8rem; box-sizing:border-box; padding-top:5px; margin-right:5rem; text-align:center;} @keyframes tickerh {0% {transform:translate3d(100%, 0, 0);} 100% {transform:translate3d(-150%, 0, 0);}}} /* Laptops */ @media only screen and (min-width: 901px) and (max-width: 1200px) { h1 {transform:scale(0.9, 1.6); font-size:1.1rem; text-shadow:4px 4px 8px #152432; letter-spacing:0.3rem;} h2 {transform:scale(0.9, 1.6); font-size:1rem; text-shadow:3px 3px 6px #152432; letter-spacing:0.2rem;} h3 {transform:scale(0.9, 1.6); font-size:0.9rem;} h4 {transform:scale(0.9, 1.6); font-size:0.8rem;} h5 {transform:scale(0.9, 1.6); font-size: 0.7rem;} h6 {transform:scale(0.9, 1.6); font-size:0.65rem;} p {transform:scale(0.9, 1.6); line-height:1.25; font-size:0.75rem; text-indent:5rem; text-align:left;} form {margin:75px 10%; padding:50px 1rem; text-align:left; border:thick solid black; border-radius:10px;} table {margin:50px auto 125px auto; border:medium solid #152432; border-radius:10px; text-align:left; padding:0 50px; background-color:#899db2;} tr {line-height:10px;} th, td {font-size:0.75rem; padding:10px 0; transform:scale(0.9, 1.6);} dt {margin-left:2rem;} dl {text-align:left; transform:scale(0.9, 1.6); font-size:0.67rem;} #activa, #esta {transform:scale(0.9, 1.6); display:inline-block; width:4rem; padding:4px 0.5rem; font-size:0.8rem; background-color:#899db2; border:thin solid #152432; border-radius:5px; list-style-type:none;} #administracion {margin:10px 2rem 15px 5rem;} #transportacion {margin:10px 2rem 75px 5rem;} #afirmacion {margin:150px auto 75px auto; transform:scale(0.9, 1.6); font-size:1.25rem; text-align:center; text-indent:0; color:#982E05; font-style:italic;} #ahora {width:40%; margin:150px 0 0 0; text-align:left;} #atencion {margin-bottom:35px; font-size:1.75rem; text-align:left; text-shadow:5px 5px 10px #152432;} #claves {text-align:left; margin:125px 0 75px 0; padding:25px 2rem; background-color:#899db2; border:medium solid #152432; border-radius:10px; line-height:1.5;} #combinacion {margin:-25px auto 25px auto; align-items:center; width:320px; height:240px;} #contenedor {margin:75px 0 -50px 2rem; display:grid; grid-template-columns:50% 50%; grid-template-rows:auto auto auto auto; grid-row-gap:200px; text-align:left;} #descripcion {margin-bottom:125px;} #despedida {display:flex; flex-direction:row; justify-content:space-evenly;} #dicho {margin-bottom:40px; padding:5px 1rem 5px 1rem; background-color:#D9F907;} #distintivo {display:block; margin:100px 0 50px 0;} #empezar {transform:scale(0.9, 1.6); margin:35px 0 25px 2rem; width:8rem; padding:4px 0.5rem; font-size:0.8rem; background-color:#D9F907; border:thin solid #152432; border-radius:5px;} #encabezado {margin:2em auto; height:25px; display:grid; grid-template-columns:35% 65%; grid-template-rows:auto auto;} #fill {padding:75px 2rem;} #gobierno {display:flex; justify-content:space-evenly; margin:0 25%;} #hora {font-size:0.9rem; font-weight:bold;} #hoy {width:60%; margin:0 1rem 25px 2rem;} #imagen {margin:0 1rem 0 5rem;} #lema {margin-top:25px; line-height:1.25;} #llamado1 {margin:100px 5rem 125px 33%; font-style:italic;} #llamado2 {margin:125px 35% 125px 4rem; font-style:italic;} #llamado3 {margin:125px 5rem 125px 33%; font-style:italic;} #llame {padding:6px 1rem; width:15rem; transform:scale(0.9, 1.6); font-weight:bold; background-color:#D9F907; border:medium solid black; border-radius:10px; list-style-type:none; font-size:1.25rem; } #lista1 {width:50%;} #lista2 {width:50%;} #logo {margin-left:50px; width:60px; height:45px;} #nombre {display:inline-block;} #nubes {right:0; top:0; width:512px; height:150px; position:absolute;} #propuesta {display:block; margin:125px 0 50px 15%; width:70%;} #pruebas {display:flex; flex-wrap:wrap; justify-content:space-around; margin:0 5%;} #sol {right:5%; top:75px; width:32px; height:32px; position:absolute;} #solicitacion {display:flex;} #terminos {margin:75px 0 100px 0; transform:scale(0.9, 1.6); font-size:65%; text-indent:0;} #tipo {margin:100px 0 100px 0;} #variables {text-align:left; font-size:0.9rem; margin-bottom:75px;} #yo {width:280px; height:210px; border:medium solid black; border-radius:10px;} .beneficio {font-size:0.9rem;} .bloques {margin:0 auto; padding:50px 0; border:medium solid black; border-radius:10px; width:75%; background-color:#899db2;} .como {height:25px; margin-right:2rem;} .conocimiento {margin-left:1.5rem; font-style:italic; font-size:0.75rem; text-align:left; color:#982E05; line-height:8px; word-spacing:0.5rem;} .derechos {transform:scale(0.9, 1.6); margin:15px auto 5px auto; color:white; text-indent:0; text-align:center; line-height:20px;} .explicacion {margin:30px 10% 25px 10%; line-height:1.25;} .flexible {display:flex;} .fotos {margin-left:25px; width:50%; border:medium solid black; border-radius:10px;} .lograr {width:100px; height:80px;} .precio {font-size:0.75rem; font-weight:bold;} .programa {transform:scale(0.9, 1.6); padding:10px 0; font-size:0.75rem; margin-left:1rem; line-height:1;} .quienes {float:right; margin:50px 15px; line-height:1.25rem; text-align:left;} .tecnica, .otras {transform:scale(0.9, 1.6); display:inline-block; width:4rem; padding:4px 0.5rem; font-size:0.8rem; background-color:#A5C8E8; border:thin solid #152432; border-radius:5px; list-style-type:none;} .trescolumnas {margin:75px 0 75px 0; display:grid; grid-template-columns:50% 50%; grid-template-rows:auto auto auto; grid-row-gap:100px;} .ultimo {transform:scale(0.9, 1.6); margin:0 auto; text-align:center; width:100%;} .corre {display:flex; animation:tickerh linear 30s infinite;} .frase {transform:scale(0.9, 1.6); font-size:0.85rem; color:#982E05; list-style-type:none; flex-shrink:0; width:12rem; box-sizing:border-box; padding-top:5px; margin-right:10rem; text-align:center;} @keyframes tickerh {0% {transform:translate3d(100%, 0, 0);} 100% {transform:translate3d(-200%, 0, 0);}}} /* Desktops */ @media only screen and (min-width: 1201px) and (max-width: 1500px) { h1 {transform:scale(0.9, 1.6); font-size:1.5rem; text-shadow:4px 4px 8px #152432; letter-spacing:0.3rem;} h2 {transform:scale(0.9, 1.6); font-size:1.25rem; text-shadow:3px 3px 6px #152432; letter-spacing:0.2rem;} h3 {transform:scale(0.9, 1.6); font-size:1rem;} h4 {transform:scale(0.9, 1.6); font-size:0.8rem;} h5 {transform:scale(0.9, 1.6); font-size: 0.75rem;} h6 {transform:scale(0.9, 1.6); font-size:0.67rem;} p {transform:scale(0.9, 1.6); line-height:1.25; font-size:0.9rem; text-indent:5rem; text-align:left;} form {margin:75px 15%; padding:50px 2rem; text-align:left; border:thick solid black; border-radius:10px;} legend {font-size:125%;} table {margin:50px auto 125px auto; border:medium solid #152432; border-radius:10px; text-align:left; padding:0 50px; background-color:#899db2;} tr {line-height:15px;} th, td {font-size:0.8rem; padding:10px 0; transform:scale(0.9, 1.6);} dt {margin-left:2rem;} dl {text-align:left; transform:scale(0.9, 1.6); font-size:0.75rem;} #activa, #esta {transform:scale(0.9, 1.6); display:inline-block; width:5rem; padding:5px 0.75rem; font-size:1rem; background-color:#899db2; border:thin solid #152432; border-radius:5px; list-style-type:none;} #administracion {margin:10px 5rem 15px 5rem;} #transportacion {margin:10px 5rem 75px 5rem;} #afirmacion {margin:150px auto 75px auto; transform:scale(0.9, 1.6); font-size:1.25rem; text-align:center; text-indent:0; color:#982E05; font-style:italic;} #ahora {width:40%; margin:175px 0 0 1rem; text-align:left;} #atencion {margin-bottom:40px; font-size:2rem; text-align:left; text-shadow:5px 5px 10px #152432;} #claves {text-align:left; margin:125px 0 75px 0; padding:25px 2rem; background-color:#899db2; border:medium solid #152432; border-radius:10px; line-height:1.5;} #combinacion {margin:-25px auto 50px auto; align-items:center; width:360px; height:270px;} #contenedor {margin:100px 0 0 4rem; display:grid; grid-template-columns:50% 50%; grid-template-rows:auto auto auto auto; grid-row-gap:200px; text-align:left;} #descripcion {margin:25px 0 125px 0;} #despedida {display:flex; flex-direction:row; justify-content:space-evenly;} #dicho {margin-bottom:40px; padding:5px 1rem 5px 1rem; background-color:#D9F907;} #distintivo {display:block; margin:100px 0 50px 0;} #empezar {margin:40px 0 75px 2rem; padding:5px 0.75rem; width:10rem; transform:scale(0.9, 1.6); font-size:1rem; background-color:#D9F907; border:thin solid #152432; border-radius:5px;} #encabezado {margin:2em auto; height:75px; display:grid; grid-template-columns:40% 60%; grid-template-rows:auto auto;} #escalonado {padding:50px 5rem 0 5rem;} #fill {padding:75px 4rem;} #gobierno {display:flex; justify-content:space-evenly; margin:0 25%;} #hora {font-size:1rem; font-weight:bold;} #hoy {width:60%; margin:0 0 0 2rem;} #imagen {margin:0 2rem 75px 7rem;} #llamado1 {width:67%; margin:0 0 150px 33%; font-style:italic;} #llamado2 {width:67%; margin:150px 33% 150px 0; font-style:italic;} #llamado3 {width:67%; margin:150px 0 125px 33%; font-style:italic;} #llame {padding:8px 2rem; width:15rem; transform:scale(0.9, 1.6); font-weight:bold; background-color:#D9F907; border:medium solid black; border-radius:10px; list-style-type:none; font-size:1.4rem;} #lista1 {width:45%;} #lista2 {width:55%;} #logo {width:64px; height:48px;} #nombre {display:inline-block;} #nubes {right:0; top:0; width:768px; height:200px; position:absolute;} #propuesta {display:block; margin:125px 0 75px 20%; width:55%;} #pruebas {display:flex; flex-wrap:wrap; justify-content:space-around; margin:0 10%;} #sol {right:5%; top:100px; width:32px; height:32px; position:absolute;} #solicitacion {display:flex;} #terminos {margin:75px 1rem 100px 1rem; transform:scale(0.9, 1.6); font-size:70%; text-indent:0;} #tipo {margin:100px 0 125px 0;} #variables {text-align:left; font-size:1rem; margin-bottom:100px;} #yo {width:280px; height:210px; border:medium solid black; border-radius:10px;} .beneficio {font-size:1rem;} .bloques {margin:0 auto; padding:50px 0; border:medium solid black; border-radius:10px; width:85%; background-color:#899db2;} .como {height:25px; margin-right:2rem;} .conocimiento {margin-left:2rem; font-size:0.8rem; font-style:italic; text-align:left; color:#982E05; line-height:8px; word-spacing:0.75rem;} .derechos {transform:scale(0.9, 1.6); margin:15px auto 5px auto; color:white; text-indent:0; text-align:center; line-height:20px;} .explicacion {margin:30px 20% 25px 20%; line-height:1.25;} .flexible {display:flex;} .fotos {margin-left:30px; width:55%; border:medium solid black; border-radius:10px;} .lograr {width:100px; height:80px;} .precio {font-size:0.8rem; font-weight:bold;} .programa {transform:scale(0.9, 1.6); line-height:2; font-size:0.85rem; margin-left:2rem;} .quienes {float:right; margin:50px 15px; line-height:1.25rem; text-align:left;} .tecnica, .otras {transform:scale(0.9, 1.6); display:inline-block; width:5rem; padding:5px 0.75rem; font-size:1rem; background-color:#A5C8E8; border:thin solid #152432; border-radius:5px; list-style-type:none;} .trescolumnas {margin:75px 1rem 75px 1rem; display:grid; grid-template-columns:33.33% 33.33% 33.33%; grid-template-rows:auto auto; grid-row-gap:75px;} .ultimo {transform:scale(0.9, 1.6); margin:0 auto; text-align:center; width:100%;} .corre {display:flex; animation:tickerh linear 30s infinite;} .frase {transform:scale(0.9, 1.6); font-size:0.9rem; color:#982E05; list-style-type:none; flex-shrink:0; width:15rem; box-sizing:border-box; padding-top:5px; margin-right:15rem; text-align:center;} @keyframes tickerh {0% {transform:translate3d(100%, 0, 0);} 100% {transform:translate3d(-180%, 0, 0);}}} /* Televisions */ @media only screen and (min-width: 1501px) { h1 {transform:scale(0.9, 1.6); font-size:2rem; text-shadow:4px 4px 8px #152432; letter-spacing:0.3rem;} h2 {transform:scale(0.9, 1.6); font-size:1.25rem; text-shadow:3px 3px 6px #152432; letter-spacing:0.2rem;} h3 {transform:scale(0.9, 1.6); font-size:1rem;} h4 {transform:scale(0.9, 1.6); font-size:0.9rem;} h5 {transform:scale(0.9, 1.6); font-size: 0.8rem;} h6 {transform:scale(0.9, 1.6); font-size:0.75rem;} p {transform:scale(0.9, 1.6); line-height:1.25; font-size:1rem; text-indent:5rem; text-align:left;} form {margin:75px 20%; padding:50px 3rem; text-align:left; border:thick solid black; border-radius:10px;} legend {font-size:125%;} table {margin:50px auto 125px auto; border:medium solid #152432; border-radius:10px; text-align:left; padding:0 50px; background-color:#899db2;} tr {line-height:20px;} th, td {padding:10px 0; line-height:20px; transform:scale(0.9, 1.6);} dt {margin-left:2rem;} dl {text-align:left; transform:scale(0.9, 1.6); font-size:0.85rem;} #activa, #esta {transform:scale(0.9, 1.6); display:inline-block; width:6rem; padding:6px 1rem; font-size:1.25rem; background-color:#8999b2; border:thin solid #152432; border-radius:5px; list-style-type:none;} #administracion {margin:10px 10rem 15px 5rem;} #transportacion {margin:10px 10rem 75px 5rem;} #afirmacion {margin:150px auto 75px auto; transform:scale(0.9, 1.6); font-size:1.5rem; text-align:center; text-indent:0; color:#982E05; font-style:italic;} #ahora {width:33%; text-align:left; margin:175px 0 0 1rem;} #atencion {margin-bottom:50px; font-size:2.5rem; text-align:left; text-shadow:5px 5px 10px #152432;} #claves {text-align:left; margin:125px 0 75px 0; padding:25px 2rem; background-color:#899db2; border:medium solid #152432; border-radius:10px; line-height:1.5;} #capacidad {margin:225px 1rem 150px 1rem;} #combinacion {margin:-25px auto 75px auto; align-items:center; width:400px; height:300px;} #contenedor {margin:100px 0 -50px 4rem;display:grid; grid-template-columns:50% 50%; grid-template-rows:auto auto auto auto; grid-row-gap:225px; text-align:left; } #descripcion {margin:25px 0 125px 0;} #despedida {display:flex; flex-direction:row; justify-content:space-evenly;} #dicho {margin-bottom:50px; padding:5px 1rem 5px 1rem; background-color:#D9F907;} #distintivo {display:flex; flex-direction:row; justify-content:space-evenly; margin:50px 0;} #empezar {margin:50px 0 75px 1.5rem; padding:6px 1rem; transform:scale(0.9, 1.6); width:12rem; font-size:1.25rem; background-color:#D9F907; border:thin solid #152432; border-radius:5px; } #encabezado {margin:2em auto; height:125px; display:grid; grid-template-columns:40% 60%; grid-template-rows:auto auto;} #escalonado {padding:50px 5rem 0 5rem;} #fill {padding:75px 5rem;} #gobierno {display:flex; justify-content:space-around;} #hora {font-size:1rem; font-weight:bold;} #hoy {width:67%; margin:0 0 0 4rem;} #imagen {margin:0 2rem 75px 10rem;} #llamado1 {width:67%; margin:0 0 150px 33%; font-style:italic;} #llamado2 {width:67%; margin:150px 33% 150px 0; font-style:italic;} #llamado3 {width:67%; margin:150px 0 125px 33%; font-style:italic;} #llame {padding:10px 3rem; width:15rem; transform:scale(0.9, 1.6); font-weight:bold; background-color:#D9F907; border:medium solid black; border-radius:10px; list-style-type:none; font-size:1.5rem;} #lista1 {width:40%;} #lista2 {width:60%;} #logo {width:80px; height:60px;} #nombre {display:inline-block;} #nubes {right:0; top:0; width:1024px; height:225px; position:absolute;} #propuesta {display:block; margin:125px 0 75px 20%; width:48%;} #pruebas {display:flex; flex-wrap:wrap; justify-content:space-around;} #sol {right:5%; top:125px; width:48px; height:48px; position:absolute;} #solicitacion {display:flex;} #terminos {margin:75px 2rem 100px 2rem; transform:scale(0.9, 1.6); font-size:75%; text-indent:0;} #tipo {margin:75px 1rem 125px 2rem;} #variables {text-align:left; font-size:1rem; margin-bottom:100px;} #yo {width:320px; height:240px; border:medium solid black; border-radius:10px;} .beneficio {font-size:1rem;} .bloques {display:inline-block; margin:0 auto; padding:50px 0; border:medium solid black; border-radius:10px; width:75%; background-color:#899db2;} .como {height:25px; margin-right:2rem;} .conocimiento {margin-left:1.5rem; padding:4px; font-size:0.85rem; text-align:left; color:#982E05; line-height:2px; word-spacing:0.5rem;} .derechos {transform:scale(0.9, 1.6); margin:15px auto 5px auto; color:white; text-indent:0; text-align:center; line-height:20px;} .explicacion {margin:30px 20% 25px 20%; line-height:1.25;} .flexible {display:flex; justify-content:space-around;} .fotos {margin-left:40px; width:60%; border:medium solid black; border-radius:10px;} .lograr {width:100px; height:80px;} .precio {margin-top:25px; font-weight:bold;} .programa {transform:scale(0.9, 1.6); line-height:2; font-size:0.85rem; margin-left:2rem;} .quienes {float:right; margin:50px 15px; line-height:1.5rem; text-align:left;} .tecnica, .otras {transform:scale(0.9, 1.6); display:inline-block; width:6rem; padding:6px 1rem; font-size:1.25rem; background-color:#A5C8E8; border:thin solid black; border-radius:5px; list-style-type:none;} .trescolumnas {margin:75px 2rem 75px 2rem; display:grid; grid-template-columns:33.33% 33.33% 33.33%; grid-template-rows:auto auto; grid-row-gap:100px; } .ultimo {margin:0 auto; text-align:center; width:100%;} .corre {display:flex; animation:tickerh linear 30s infinite;} .frase {transform:scale(0.9, 1.6); font-size:1rem; color:#982E05; list-style-type:none; flex-shrink:0; width:15rem; box-sizing:border-box; padding-top:5px; margin-right:15rem; text-align:center;} @keyframes tickerh {0% {transform:translate3d(100%, 0, 0);} 100% {transform:translate3d(-160%, 0, 0);}}} /* The CODE of this program is protected by United States and International laws. Copying it will cost you dearly. */ /* El Codigo de este probrama esta protegido por leyes en Estados Unidos e Internacionalmente. Copiar le va a costar muy caro. */