Este sitio web usa cookies
Utilizamos cookies para asegurarnos que nuestro sitio web funciona correctamente, y para que usted tenga la mejor experiencia posible. También usamos cookies para algunos análisis básicos, que nos ayudan a mejorar el sitio. Más info >
volvemos con
más fuerza que nunca
y donamos
250.000
MINUTOS
de investigación contra el cáncer infantil a la Fundación
Chelino® & El sueño de Vicky
se unen para luchar contra el cáncer”
Este es un indicador de código personalizado. Cambie a Vista Previa o publique la página para ver cómo funciona su código. Doble clic para editar
<html> <head> <style> @media only screen and (max-width: 600px) { body { color: #ff0000 } .csslider { -moz-perspective: 1300px; -ms-perspective: 1300px; -webkit-perspective: 1300px; perspective: 1300px; display: inline-block; text-align: left; position: relative; margin-bottom: 22px; } .csslider > input { display: none; } .csslider > input:nth-of-type(10):checked ~ ul li:first-of-type { margin-left: -900%; } .csslider > input:nth-of-type(9):checked ~ ul li:first-of-type { margin-left: -800%; } .csslider > input:nth-of-type(8):checked ~ ul li:first-of-type { margin-left: -700%; } .csslider > input:nth-of-type(7):checked ~ ul li:first-of-type { margin-left: -600%; } .csslider > input:nth-of-type(6):checked ~ ul li:first-of-type { margin-left: -500%; } .csslider > input:nth-of-type(5):checked ~ ul li:first-of-type { margin-left: -400%; } .csslider > input:nth-of-type(4):checked ~ ul li:first-of-type { margin-left: -300%; } .csslider > input:nth-of-type(3):checked ~ ul li:first-of-type { margin-left: -200%; } .csslider > input:nth-of-type(2):checked ~ ul li:first-of-type { margin-left: -100%; } .csslider > input:nth-of-type(1):checked ~ ul li:first-of-type { margin-left: 0%; } .csslider > ul { position: relative; width: 300px; height: 220px; z-index: 1; font-size: 0; line-height: 0; border: 10px solid #4499c6; border-radius: 8px; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .csslider > ul > li { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; font-size: 15px; font-size: initial; line-height: normal; -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; } .csslider > .navigation { position: absolute; bottom: -8px; left: 50%; z-index: 10; margin-bottom: -10px; font-size: 0; line-height: 0; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .csslider > .navigation > div { margin-left: -100%; } .csslider > .navigation label { position: relative; display: inline-block; cursor: pointer; border-radius: 50%; margin: 0 4px; padding: 4px; background: #3A3A3A; } .csslider > .navigation label:hover:after { opacity: 1; } .csslider > .navigation label:after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; background: #4499c6; border-radius: 50%; padding: 6px; opacity: 0; } .csslider > .arrows { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .csslider.inside .navigation { bottom: 10px; margin-bottom: 10px; } .csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after, .csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after, .csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after, .csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after, .csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after, .csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after, .csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after, .csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after, .csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after, .csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after, .csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after { opacity: 1; } .csslider > .arrows { position: absolute; left: -31px; top: 50%; width: 100%; height: 26px; padding: 0 31px; z-index: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .csslider > .arrows label { display: none; position: absolute; top: -50%; padding: 13px; box-shadow: inset 2px -2px 0 1px #3A3A3A; cursor: pointer; -moz-transition: box-shadow 0.15s, margin 0.15s; -o-transition: box-shadow 0.15s, margin 0.15s; -webkit-transition: box-shadow 0.15s, margin 0.15s; transition: box-shadow 0.15s, margin 0.15s; } .csslider > .arrows label:hover { box-shadow: inset 3px -3px 0 2px #4499c6; margin: 0 0px; } .csslider > .arrows label:before { content: ''; position: absolute; top: -100%; left: -100%; height: 300%; width: 300%; } .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last, .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0), .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1), .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2), .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3), .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4), .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5), .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6), .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7), .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8), .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9), .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) { display: block; left: 0; right: auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first, .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2), .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3), .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4), .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5), .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6), .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7), .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8), .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9), .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10), .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11), .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) { display: block; right: 0; left: auto; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); } /*#region MODULES */ /*#endregion */ /*___________________________________ LAYOUT ___________________________________ */ * { margin: 0; padding: 0; } ul { padding-left: 40px; } #slider1 { margin: 20px; font-family: 'Lato'; } #slider1 > input:nth-of-type(3):checked ~ ul #bg { width: 80%; padding: 22px; -moz-transition: .5s .5s; -o-transition: .5s .5s; -webkit-transition: .5s .5s; transition: .5s .5s; } #slider1 > input:nth-of-type(3):checked ~ ul #bg div { -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); -moz-transition: .5s .9s; -o-transition: .5s .9s; -webkit-transition: .5s .9s; transition: .5s .9s; } /*#videos */ /*___________________________________ LAYOUT ___________________________________ */ video { width:710px; height:400px; background:transparent url('') no-repeat 0 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } p { margin-left:3em; } } @media only screen and (min-width: 600px) { body { color: #ff0000 } .csslider { -moz-perspective: 1300px; -ms-perspective: 1300px; -webkit-perspective: 1300px; perspective: 1300px; display: inline-block; text-align: left; position: relative; margin-bottom: 22px; } .csslider > input { display: none; } .csslider > input:nth-of-type(10):checked ~ ul li:first-of-type { margin-left: -900%; } .csslider > input:nth-of-type(9):checked ~ ul li:first-of-type { margin-left: -800%; } .csslider > input:nth-of-type(8):checked ~ ul li:first-of-type { margin-left: -700%; } .csslider > input:nth-of-type(7):checked ~ ul li:first-of-type { margin-left: -600%; } .csslider > input:nth-of-type(6):checked ~ ul li:first-of-type { margin-left: -500%; } .csslider > input:nth-of-type(5):checked ~ ul li:first-of-type { margin-left: -400%; } .csslider > input:nth-of-type(4):checked ~ ul li:first-of-type { margin-left: -300%; } .csslider > input:nth-of-type(3):checked ~ ul li:first-of-type { margin-left: -200%; } .csslider > input:nth-of-type(2):checked ~ ul li:first-of-type { margin-left: -100%; } .csslider > input:nth-of-type(1):checked ~ ul li:first-of-type { margin-left: 0%; } .csslider > ul { position: relative; width: 820px; height: 420px; z-index: 1; font-size: 0; line-height: 0; border: 10px solid #4499c6; border-radius: 8px; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .csslider > ul > li { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; font-size: 15px; font-size: initial; line-height: normal; -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; } .csslider > .navigation { position: absolute; bottom: -8px; left: 50%; z-index: 10; margin-bottom: -10px; font-size: 0; line-height: 0; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .csslider > .navigation > div { margin-left: -100%; } .csslider > .navigation label { position: relative; display: inline-block; cursor: pointer; border-radius: 50%; margin: 0 4px; padding: 4px; background: #3A3A3A; } .csslider > .navigation label:hover:after { opacity: 1; } .csslider > .navigation label:after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; background: #4499c6; border-radius: 50%; padding: 6px; opacity: 0; } .csslider > .arrows { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .csslider.inside .navigation { bottom: 10px; margin-bottom: 10px; } .csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after, .csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after, .csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after, .csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after, .csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after, .csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after, .csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after, .csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after, .csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after, .csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after, .csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after { opacity: 1; } .csslider > .arrows { position: absolute; left: -31px; top: 50%; width: 100%; height: 26px; padding: 0 31px; z-index: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .csslider > .arrows label { display: none; position: absolute; top: -50%; padding: 13px; box-shadow: inset 2px -2px 0 1px #3A3A3A; cursor: pointer; -moz-transition: box-shadow 0.15s, margin 0.15s; -o-transition: box-shadow 0.15s, margin 0.15s; -webkit-transition: box-shadow 0.15s, margin 0.15s; transition: box-shadow 0.15s, margin 0.15s; } .csslider > .arrows label:hover { box-shadow: inset 3px -3px 0 2px #4499c6; margin: 0 0px; } .csslider > .arrows label:before { content: ''; position: absolute; top: -100%; left: -100%; height: 300%; width: 300%; } .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last, .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0), .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1), .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2), .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3), .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4), .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5), .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6), .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7), .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8), .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9), .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) { display: block; left: 0; right: auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first, .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2), .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3), .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4), .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5), .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6), .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7), .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8), .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9), .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10), .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11), .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) { display: block; right: 0; left: auto; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); } /*#region MODULES */ /*#endregion */ /*___________________________________ LAYOUT ___________________________________ */ * { margin: 0; padding: 0; } ul { padding-left: 40px; } #slider1 { margin: 20px; font-family: 'Lato'; } #slider1 > input:nth-of-type(3):checked ~ ul #bg { width: 80%; padding: 22px; -moz-transition: .5s .5s; -o-transition: .5s .5s; -webkit-transition: .5s .5s; transition: .5s .5s; } #slider1 > input:nth-of-type(3):checked ~ ul #bg div { -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); -moz-transition: .5s .9s; -o-transition: .5s .9s; -webkit-transition: .5s .9s; transition: .5s .9s; } /*#videos */ /*___________________________________ LAYOUT ___________________________________ */ video { width:710px; height:400px; background:transparent url('') no-repeat 0 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } p { margin-left:3em; } } </style> </head> <body> <div style="height: 100%; overflow-x: hidden; text-align: center" class="respo"> <div class="csslider infinity" id="slider1"> <input type="radio" name="slides" checked="checked" id="slides_1"/> <input type="radio" name="slides" id="slides_2"/> <ul class="respo2"> <li class="respo2"> <iframe width="100%" height="400px" src="https://www.youtube.com/embed/MTWmCu45hnA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </li> <li class="respo2"> <iframe width="100%" height="400px" src="https://www.youtube.com/embed/zbrPApuWMTw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </li> </ul> <div class="arrows"> <label for="slides_1"></label> <label for="slides_2"></label> <label class="goto-first" for="slides_1"></label> <label class="goto-last" for="slides_2"></label> </div> <div class="navigation"> <div> <label for="slides_1"></label> <label for="slides_2"></label> </div> </div> </div> </div> </body> <script> </script> </html>
Se llaman Lucas y Martina, y aunque ellos son unos mini aventureros, sus historias no tienen nada de mini.
¿Quieres saber más sobre
El Sueño de Vicky?
Descubre a las maravillosas personas detrás de este proyecto
LOS INVESTIGADORES
"Los niños con
cáncer no necesitan
milagros, necesitan
investigación."
PROYECTO CIMA
CLÍNICA UNIVERSIDAD DE NAVARRA
ESTE ES EL PROYECTO QUE SE FINANCIARÁ
CON LOS MINUTOS DE INVESTIGACIÓN.
CHELINO® SE SUMA
AL LEMA DE LA FUNDACIÓN
EL SUEÑO DE VICKY
Rellena el formulario y descárgate aquí el cuento 'Alcanzar las estrellas'
Este es un indicador de código personalizado. Cambie a Vista Previa o publique la página para ver cómo funciona su código. Doble clic para editar
<style> body {font-family: 'Zen Maru Gothic', sans-serif; color: #004b84;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Table Style Format */ table { font-size: 0.8rem; } th { background-color: #0074b5; color: white; padding: 0.5rem 1rem; } td { background-color: white; vertical-align: center; padding: 0.5rem 1rem; } </style> <div style="overflow: scroll;"> <span style="font-size: 0.8rem; font-weight: bold; color: #004b84;">Información Básica en materia de Protección de Datos</span> <table width="auto" border="0"> <tbody> <tr> <th scope="row">Responsable</th> <td>El Promotor (LABORATORIOS INDAS, S.A.U.)</td> </tr> <tr> <th scope="row">Finalidades</th> <td>Gestionar la participación en la obtención del cuento Alcanzar las Estrellas<sup></sup>®.<br>Informar de novedades de los productos de la gama Chelino<sup>®</sup>.</td> </tr> <tr> <th scope="row">Legitimación</th> <td>&nbsp;Consentimiento</td> </tr> <tr> <th scope="row">Receptores</th> <td>Empresas del grupo Attindas Hygiene Partners (grupo al que pertenece el Promotor) y terceros prestadores de servicios que nos ayudan al cumplimiento de la finalidad; LANGSTRUMP &amp; CO, S.L., empresa encargada de gestionar la acción.</td> </tr> <tr> <th scope="row">Derechos</th> <td>Puede ejercer sus derechos de acceso, rectificación, cancelación y/u oposición (ver apartado “Política de Privacidad”).</td> </tr> </tbody> </table></div>
Por tercer año consecutivo