html { height: 100% } body { background: url("") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: white; height: 100% } h3{ margin-top: 0px !important; } #redes{ color:white; font-size: 2em; padding: 0.4em; } .boton_chat>.btn-lg{ padding: 15px 30px; font-size: 20px; border-radius: 30px; } .boton_chat{ font-size: 2em; padding-bottom: 2em; } #wikihow { background-image: url(../../images/wikihow.png); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 128%; background-position: -16px -3px; } #salud { background-image: url(../../images/salud.png); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 102%; background-position: -1px -2px; } #educalab { background-image: url(../../images/educalab.jpeg); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 113%; background-position: -2px -9px; } #libros { background-image: url(../../images/libros.png); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 125%; background-position: -14px -2px; } #juegos { background-image: url(../../images/juegos.png); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 125%; background-position: -14px -12px; } #retos { background-image: url(../../images/retos.png); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 95%; background-repeat: no-repeat; background-position: -5px 0px; } #emisora { background-image: url(https://live.staticflickr.com/5027/5607983792_f8b8766ff7_b.jpg); background-size: cover; background-position: center; color: white; margin-top: 35px; background-position: center; border: none; } #cortos { background-image: url(../../images/cortos.png); background-repeat: no-repeat; /* background-attachment: fixed; */ background-size: 87%; background-repeat: no-repeat; background-position: 8px 10px; } #peliculas { background-image: url(../../images/peliculas.png); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 171%; background-position: -43px -14px; } #atenciĆ³n { background-image: url(../../images/warning.ico); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 100%; background-position: 0px 0px; } #audios { background-image: url(../../images/audios.png); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 100%; background-position: 0px 0px; } #mapas { background-image: url(../../images/mapas.png); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; background-size: 100%; background-position: 0px 0px; } audio { width: 98%; margin-top: 40px; } form#formulario_contacto { padding: 20px; } .lead{ letter-spacing: 0.06em; } #logo_cabecera{ width:100%; left:40px; background-color: white; } .alert-info{ padding-left: 2em; padding-right: 2em; color: #341208; background-image: url(""); } #cabezote{ background: url(../../images/imagen_principal.jpg) fixed center no-repeat; background-size: cover; text-shadow: 0px 2px 3px rgb(0, 0, 0); color: white; } .linea_botones{ display: inline-block; text-align: center; margin: 1em; } .texto_botones{ font-size: 2em; } .btn-circle.btn-xl { width: 4em; height: 4em; padding: 1.5em; font-size: 2em; line-height: 1.33; border-radius: 5em; display: inline-flex; } .franja{ color: white; background: -webkit-linear-gradient(left, #003e16, #259a14); margin-bottom: 2em; } .disclaimerbox{ color: green; margin-bottom: 2em; } .disclaimer{ font-size: 16px; padding: 15px; } .navbar{ background: -webkit-linear-gradient(left, #003e16, #259a14); color: white; margin-bottom: 0px !important; } .navbar-header > p { font-size:20px; color: white; font-family: "Open Sans",sans-serif; font-weight: normal; display:inline } .navbar-header > a { font-size:20px; color: white; font-family: "Open Sans",sans-serif; font-weight: normal;display:inline } .navbar-header > strong{ font-size:20px; color:white; font-weight: normal; font-family: "Open Sans",sans-serif; display:inline } /*.navbar-header {width: 50%;}*/ .div_aplicacion { background-color: #f0eee1 !important; } .div_aplicacion:hover { -webkit-animation: animatedBackground 1s ease-out 1; -moz-animation: animatedBackground 1s ease-out 1; animation: animatedBackground 1s ease-out 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 10000; } #creditos{ column-count: 3; column-gap: 1em; } .img_creditos{ background-color: white; display: inline; margin: 0 0 1em; width: 100%; } .img_grad{ max-width: 15em; } @-webkit-keyframes animatedBackground { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 100% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } } @-moz-keyframes animatedBackground { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 100% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } } @keyframes animatedBackground { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } 100% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } } .pie{ padding-bottom: 1em; padding-top: 2em; font-size: 1.5em; }