html, body, div, span, h1, h2, h3, h4, h5, h6, a, img, form, ul, li, label, header, menu, footer, textarea {margin: 0; padding: 0; border: 0; font-size: 1em; font-family: Arial, sans-serif;}
h1 {margin-top:10px;font-weight:bold;}
body {font-size: 1em; color: #003366;}
a {text-decoration: none; cursor: pointer; color: #126791;}
a:hover {text-decoration: underline;}
input[type=text], input[type=password], select, textarea {border: 1px solid #999; padding: 3px; height:30px; line-height: 20px; border-radius: 5px; color: #666;}
select {height: 28px;}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {border-color: #06C; background: #edf4fa; box-shadow: 0px 0px 5px #3984d5; color: #000; outline: 0;}
.Oculto {display: none !important;}
.TextoCentrado {text-align: center;}
.TextoCentrado img {text-align: center;padding:3px;border:1px solid #dadada;}
.TextoDerecha {text-align: right;}
.TextoJustificado {text-align: justify;}
.Clear {clear: both;}
.FloatR {float:right;}
p {font-size:0.8em;margin:10px 0px;}
.Rojo {color:red;}
.BotonAzul {display: inline-block; border: 0; padding: 0 30px; height: 30px; line-height: 30px; background: #126791; color: #FFF;}
.link {color:#fec605;}
.p {padding:15px 0px;}

.TituloCurso {line-height:30px;background: #069; color: #FFF; font-size: 1em;font-weight:bold;padding:0px 15px;margin:10px 0px;}
.TituloTutorial {background: #09F; color: #FFF; padding: 3px 5px;}
.TituloTutorial a, h2 a {color: #FFF;}
li h4 {font-weight: normal;}
.addthis_toolbox {margin: 15px 0;}

.ListaTutoriales li {list-style: none;}
.ListaTutoriales li h4 {display: inline;}
.ListaTutoriales li h3 {font-size: 0.9em;;}
.ListaTutoriales li ul {margin: 5px 0px 25px 0px; padding: 0px;}
.ListaTutoriales li ul li {padding: 3px 5px; line-height: 18px; border-bottom: 1px solid #CCC; position: relative;}
.ListaTutoriales li ul li a {color: #036; text-decoration: none; font-size: 0.9em;}
.ListaTutoriales li ul li a:hover {color: #03F;}
.ListaTutoriales li ul li span {display:block;font-size: 0.7em;}

.Videos {margin:10px 0px;}
.Videos h1 {color:#32b5e5;font-size: 1.5em;font-weight:bold;letter-spacing:-1px;padding-bottom:10px;border-bottom:1px dashed #dadada;position:relative;}

.Videos li {list-style: none; margin: 0px; padding: 5px; border-bottom: 2px solid #CCC; background: #ecf2ff; background-color: #ecf3fe; font-size: 9pt; position: relative;}
.Videos li.Tutorial {padding: 0;}
.Videos li.Tutorial h2 {margin: 0; font-size: 10pt; position: relative;}
.Videos li.Tutorial h2 a {color: #FFF; font-size: 10pt;}
.Videos li.Tutorial h2 a:hover {text-decoration: underline;}
.Videos li.Tutorial h2 span {font-size: 8pt; display:block;}
.Videos li a img {border: 0px none; vertical-align: middle;}
.Videos li h3, .Videos li h4 {font-weight: normal; margin: 0px 0px 3px 0px; padding: 0px; font-size: 9pt; display: inline;}
.Videos li.Subvideo {padding-left: 20px; background-color: #f7faff;}
.Videos li a {color: #036; text-decoration: none; font-size: 9pt;}
.Videos li a:hover {color: #03F;}
.Videos li a.Enunciado {display:block;}
.Videos li a.EnlaceVideo {display: block; position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; background: center no-repeat;}
.Videos li.Abierto a.EnlaceVideo {background-image: url(../imagenes/icono_reproducir.png);}
.Videos li.Bloqueado a.EnlaceVideo {background-image: url(../imagenes/icono_bloqueado.png)}
.Videos li img {margin-top: 5px;}

.Reproductor {position: relative; background: #666 center no-repeat; color: #FFF;}
.Reproductor.Cargando {background-image: url(../imagenes/reproductor/cargando.gif); padding-top: 56.25%;}
.Reproductor.Cargando .Wrapper, .Reproductor.Pausa .svg-pause, .Reproductor.Reproduciendo .svg-play, .Reproductor.Volumen .svg-volumen, .Reproductor.Mute .svg-mute {display: none;}
.Reproductor .Wrapper, .Reproductor .Video, .Reproductor .Frontal {width: 100%; position: relative;}
.Reproductor .Video {z-index: 10;}
.Reproductor .Frontal {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 20;}
.Reproductor .Controles {position: relative; padding: 5px; height: 24px; background-color: #333; z-index: 30; box-sizing: content-box; display: flex; direction: row;}
.Reproductor .Controles .btn-play-cont {flex-basis: 29px;}
.Reproductor .Controles .r-progreso-cont {flex-grow: 1;}
.Reproductor .Controles .r-volumen-cont {flex-basis: 210px; text-align: right;}
.Reproductor .Controles button {padding: 0; border: 0 none; background: none; outline: 0; width: 24px; height: 24px; vertical-align: middle;}
.Reproductor .Controles svg path.stroke {stroke: #FFF; stroke-width: 2px;}
.Reproductor .Controles svg path.fill {fill: #FFF;}
.Reproductor .Controles input[type=range] {-webkit-appearance: none; outline: 0; background: transparent; margin: 0; height: 24px; display: inline-block;}
.Reproductor .Controles input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; width: 16px; height: 16px; margin-top: -6px; background: #FFF; border: 0 none; border-radius: 50%;}
.Reproductor .Controles input[type=range]::-moz-range-thumb {width: 16px; height: 16px; background: #FFF; border: 0 none; border-radius: 50%;}
.Reproductor .Controles input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 3px; border: 0 none; background: #666;}
.Reproductor .Controles input[type=range]::-moz-range-track {width: 100%; height: 3px; border: 0 none; background: #666;}
.Reproductor .Controles input[type=range]::-moz-range-progress {background-color: #FFF;}
.Reproductor .Controles .txt-progreso {display: inline-block; font-size: 12px; margin-right: 10px; vertical-align: middle;}
.Reproductor .Controles input[type=range].r-volumen {margin: 0 5px; width: 80px; vertical-align: middle;}
.Reproductor .Controles .r-progreso {box-sizing: content-box; width: 100%;}
.Reproductor video {display: block; width: 100%;}

.Reproductor .Wrapper:-webkit-full-screen {position: fixed; left: 0; top: 0; right: 0; bottom: 0;}
.Reproductor .Wrapper:-webkit-full-screen .Video {width: auto; height: 100%; padding-bottom: 34px;}
.Reproductor .Wrapper:-webkit-full-screen video {width: auto; max-width: 100%; height: 100%; margin: 0 auto;}
.Reproductor .Wrapper:-webkit-full-screen .Controles {position: absolute;  left: 0; right: 0; bottom: 0;}
.Reproductor .Wrapper:-moz-full-screen {position: fixed; left: 0; top: 0; right: 0; bottom: 0;}
.Reproductor .Wrapper:-moz-full-screen .Video {width: auto; height: 100%; padding-bottom: 34px;}
.Reproductor .Wrapper:-moz-full-screen video {width: auto; max-width: 100%; height: 100%; margin: 0 auto;}
.Reproductor .Wrapper:-moz-full-screen .Controles {position: absolute;  left: 0; right: 0; bottom: 0;}
.Reproductor .Wrapper:-ms-fullscreen {position: fixed; left: 0; top: 0; right: 0; bottom: 0;}
.Reproductor .Wrapper:-ms-fullscreen .Video {width: auto; height: 100%; padding-bottom: 34px;}
.Reproductor .Wrapper:-ms-fullscreen video {width: auto; max-width: 100%; height: 100%; margin: 0 auto;}
.Reproductor .Wrapper:-ms-fullscreen .Controles {position: absolute;  left: 0; right: 0; bottom: 0;}
.Reproductor .Wrapper:fullscreen {position: fixed; left: 0; top: 0; right: 0; bottom: 0;}
.Reproductor .Wrapper:fullscreen .Video {width: auto; height: 100%; padding-bottom: 34px;}
.Reproductor .Wrapper:fullscreen video {width: auto; max-width: 100%; height: 100%; margin: 0 auto;}
.Reproductor .Wrapper:fullscreen .Controles {position: absolute;  left: 0; right: 0; bottom: 0;}

.Videos li.Test img {margin: 0;max-width:100%;}
.TestMostrarRespuestas {font-size: 0.9em;}
.RespuestasTest {padding: 5px 10px; line-height: 20px; height: 20px; background: #ecf2ff; color: #000; position: relative;}
.RespuestasTest label, .RespuestasTest input[type="radio"] {vertical-align: middle; font-size: 1em;}
.RespuestasTest input[type="radio"] {margin: 0 10px 0 0;}
.RespuestasTest .OcultarRespuesta {position: absolute; right: 35px; top: 5px;}
.RespuestasTest .IconoTest {line-height: 16px; position: absolute; right: 10px; top: 50%; margin-top: -8px !important;}

.Widget h2 {background: #F82; font-size: 10pt;line-height:15px;padding:5px;}
.Widget li {background: #FE9;}
.WidgetLibro .ImagenLibro {float: left; margin-right: 10px;}
.WidgetLibro p {margin: 0 0 10px 0;}

h1.Encabezado {line-height:30px;position: relative;background: #069;color:#fff;font-size: 1em;font-weight:bold;padding:0px 15px;margin:10px 0px 0px 0px;}
h1.Encabezado span {display:block;font-size:0.8em;font-weight:normal;}

.Arbol {margin:15px 0px 15px 0px;font-size:0.7em}
.Arbol a {color:#126791;text-decoration:underline;}
.Arbol a:hover {color:#32b5e5;}

.Visor {margin:15px 0px;}

h1.Seccion {margin:15px 0px 0px 0px;}
.Seccion h1 {color:#32b5e5;font-size: 1.5em;font-weight:bold;letter-spacing:-1px;padding-bottom:10px;border-bottom:1px dashed #dadada;position:relative;}
.Seccion h1 a {display:block;color:#fff;height:30px;line-height:30px;padding:0px 10px;background:#32b5e5;position:absolute;top:0px;right:0px;}
.Seccion h1 a:hover {text-decoration:none;background:#126791;}
.Seccion h2 {margin:10px 0px;}
.Seccion .Flash01 {margin-top:-50px;}

h1.Libros {margin-top:10px;background:#0099ff;}

.Navegador {margin:10px 0px;float:right;font-size:1.0em}
.Navegador a {color:#32b5e5;text-decoration:underline;}
.Navegador a:hover {color:#126791;}
.Navegador a.azul_oscuro {color:#126791;}

.Navegacion {position: relative; height: 20px; margin: 20px 0;}
.Navegacion > div {position: absolute; top: 0; line-height: 20px; font-size: 0.8em;}
.Navegacion a {color: #126791;}
.Navegacion .Izquierda {left: 0;}
.Navegacion .Derecha {right: 0;}
.Navegacion .Centro {left: 50%; width: 200px; margin-left: -100px; text-align: center;}

a.Volver {font-size:0.8em;color:#32b5e5;text-decoration:underline;}
a.Volver:hover {color:#126791;}

h2.SubEncabezado {padding:10px 0px;position: relative;background:#fff;border-bottom:1px dotted #959595;color:#126791;font-size: 1em;font-weight:bold;margin:0px 0px;}
h2.SubEncabezado a {color:#126791;font-size: 1em;font-weight:bold;display:block;text-decoration:none;background:#fff;padding:0px 15px;}
h2.SubEncabezado a:hover {background:#ecf3fe;}


ul.ListadoLibros {margin:0px;padding:0px;}
ul.ListadoLibros li {list-style:none;line-height:30px;position: relative;background:#fff;padding:0px 10px;font-size:0.9em;border-bottom:1px solid #CCC;}
ul.ListadoLibros li.SinEnlace {padding-left:5px;}
ul.ListadoLibros li a {color:#003366;display:block;padding-left:5px;}
ul.ListadoLibros li.par {background:#ecf3fe;}
.Cebra li:nth-child(2n), .Cebra .Par {background: #ecf3fe;}

ul.ListadoLibros li ul {margin:0px;padding:0px;border-top:1px solid #CCC;}
ul.ListadoLibros li ul li {border:0px;line-height:20px;padding:0px;background:#ecf3fe;padding:2px 0px;border-bottom:1px solid #CCC;}

ul.SinFlecha li {padding:0px;}
ul.SinFlecha li a {background:none;padding-left:12px;}
ul.SinFlecha li.SinEnlace {padding-left:12px;}

.Juegos li {list-style: none; border-bottom: 1px dashed #7f7f7f;margin:10px 0px;}
.Juegos a {display: block; min-height: 100px; padding: 10px 10px 10px 170px; position: relative;}
.Juegos a:hover {text-decoration: none; background: #ecf3fe;}
.Juegos .Texto {color: #7f7f7f;}
.Juegos img {position: absolute; left:0px; top:0px;vertical-align: top;}

.Noticia {margin-top: 20px; clear: both;}
.Noticia h1 {font-size: 1.5em;}
.Noticia h2 {font-size: 0.9em; margin-top: 15px;}
.Noticia h3 {font-size: 1.3em;}
.Noticia p {color: #7f7f7f;}
.Noticia .Fecha {font-size: 0.8em; margin: 0; color: #069;}
.Noticia .Imagen {float: left; border: 1px solid #7f7f7f; background: #FFF; padding: 2px; margin: 0 10px 10px 0;}
.Noticia hr {border-bottom: dashed #7f7f7f; border-width: 0 0 1px 0;}

.Archivos {margin: 10px 0;}
.Archivos li {list-style: none; font-size: 0.9em; line-height: 20px;}
.Archivos li img {vertical-align: top; margin-right: 5px;}

.Galeria {width: 100%; display: table; margin-top: 20px;}
.Galeria li {float: left; list-style: none; margin: 0 10px 10px 0;}
.Galeria li img {border: 1px solid #7f7f7f; background: #FFF; padding: 2px;}


.CajaFormulario {padding: 20px;border: 1px solid #bfbfbf; position: relative; border-radius: 10px;}
.CajaFormulario h2, .CajaFormulario label {color: #126791;}
.CajaFormulario label {margin-bottom: 3px;}
.CajaFormulario p {color: #959595;}
.CajaFormulario .BotonAzul {margin-top:10px;}
#CajaLogin {min-height: 230px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#CajaGenerar {min-height: 150px; border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0 none; margin-bottom: 20px;}
#CajaAlta {min-height: 421px; float: right;}
#CajaCuenta {width: auto; padding-bottom: 70px;}

.Campo {margin: 5px 0 10px; font-size: 0.9em;}
.Asterisco {color: #F00; margin-left: 3px;}

.Campo input[type=text] {width:100%;}
.Campo textarea {width: 100%; height: 75px;} 
.CajaFormulario input[type=text], .CajaFormulario input[type=password], .CajaFormulario select, .FormularioTienda select {width: 100%;box-sizing: border-box; -moz-box-sizing: border-box;}
.Campo input[type=radio] {display:inline-block;vertical-align: top;}
.Campo .Casilla {padding-left:10px;display:inline-block;vertical-align: top;}

.FormularioTienda .radio input[type="radio"] {margin-left:0px;}
.FormularioTienda label {font-weight:bold;}
.FormularioTienda label p {color: #666;}


.ListaProductos {font-size: 0.9em; border-spacing: 0; border: 0;}
.ListaProductos th {background: #9CF; font-size: 0.9em;}
.ListaProductos th, .ListaProductos td {padding: 5px;}
.ListaProductos tr:nth-child(2n) {background: #EFF;}
#ColPrecio, #ColUnidades {width: 80px;}
.TotalPedido {padding: 5px; margin-bottom: 10px; background: #069; color: #FFF; font-size: 1.3em;}
.TotalPedido .Naranja {color: #FC0;}
.Aviso {margin: 0px 0px 15px 0px; padding: 10px; background: #FC0; color: #333;}
.Ayuda {font-size:0.9em;}
.Ayuda img {vertical-align:bottom;}
#EnviandoFormulario {padding: 10px 10px 10px 36px; margin-bottom: 10px; background: url(../imagenes/ajax.gif) 10px 50% no-repeat #EFF; border: 1px solid #699; line-height: 16px; font-size: 0.9em;}

.Contenedor {margin: 15px auto;display:table;}
.Cuerpo.ColumnaIzquierda {float:left;width: 600px; margin: 0px auto;}
.ColumnaDerecha {float: right; width: 330px; margin-left: 25px;}
.ColumnaBanners {background: #EEE; padding: 15px;}
.ColumnaDerecha .Widget, .ColumnaDerecha .Banner {margin-bottom: 10px;}
.ColumnaBanners .Banner img {max-width:100%;margin-bottom:15px;}

header {background:#006699;font-size: 0.9em;}
.ConteneBanda {background:#0e5071;padding-bottom:5px;}
.Banda {position: relative;margin:0px auto;}
.Banda .Slogan {color:#fff;padding-top:10px;}
.Banda .Login {position:absolute;top:15px;right:0px;z-index:10000;}
.Banda .Login a {color:#fec605;font-weight:bold;letter-spacing:-1px;}
.Banda .Login span {color:#a9e5fa;padding:0px 5px;}

.Cabecera {position:relative;}
.Cabecera .Logo img {height:20px;}

.Cabecera .Buscador {margin-top:20px;}
.Cabecera .Buscador  input[type=text] {width:100%;height: 28px;padding-left: 5px;color:#999999;border: 1px solid #cccccc;border-radius:3px 0px 0px 3px}
.Cabecera .Buscador  button[type=submit] {border:0px;color:#000;font-weight:bold;padding:0px 10px;height:28px; background:#fbb712;cursor:pointer;border-radius:0px 3px 3px 0px}
.Cabecera .Buscador  input[type=submit]:hover {background:#0099ff;}

.ConteneMenu {background:#006699;border-top:1px dashed #8fb7cb;}

#PortadaIntro {padding-top: 42%; background: #000; background-size: cover; position: relative;}
.SliderPortada {font-family: Arial, Helvetica, sans-serif; overflow: hidden; position: relative;}
.SliderPortada ul {margin: 0px; padding: 0px;}
.SliderPortada ul li {list-style: none;}
.SliderPortada ul.Imagenes { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.SliderPortada ul.Imagenes li {position: absolute; z-index: 1; left: 0; top: 0; width: 100%;}
.SliderPortada ul.Imagenes li img {opacity: 0; opacity: 0; width: 100%;}
.SliderPortada ul.Enlaces {position: absolute; right: 15px; top: 15px; z-index: 2;}
.SliderPortada ul.Enlaces li {float: left; margin-left: 5px;display:none;}
.SliderPortada ul.Enlaces li a {display: block; width: 15px; height: 15px; background: #fec605; cursor: pointer; border-radius:10px;}
.SliderPortada ul.Enlaces li a.Seleccionado {background: #fff}
.SliderPortada .Texto {position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 10px 20px; z-index: 3; font-size: 20pt; color: #FFF; text-align: right; font-weight: bold; background: url(../imagenes/fondo_texto.png);}
.SliderPortada .Texto.Panel {font-size: 10pt;}
.SliderPortada li .Panel {display: none;}

.FondoLightbox {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99; background: #000; opacity: 0; filter: alpha(opacity=0);}
.VentanaLightbox {position: fixed; left: 50%; top: 50%; z-index: 100; background: #FFF; padding: 10px 10px 35px 10px; border-radius: 5px; color: #333;}
.VentanaLightbox .Panel {position: absolute; left: 50%; top: 50%; width: 200px; height: 15px; margin: -35px 0px 0px -100px; padding: 45px 0px 0px 0px; background: 50% 5px no-repeat #FFF; text-align: center;}
.VentanaLightbox .Panel.Cargando {background-image: url(../imagenes/lightbox-cargando.gif);}
.VentanaLightbox .Panel.Error {background-image: url(../imagenes/lightbox-error.png);}
.VentanaLightbox  p {margin: 0px; padding: 0px;}
.VentanaLightbox .Relleno {width: 1px; height: 1px; background: #FFF;}
.VentanaLightbox .Titulo {position: absolute; left: 10px; bottom: 10px; line-height: 15px;}
.VentanaLightbox .BotonDesplazamiento {position: absolute; width: 45%; top: 10px; bottom: 35px; cursor: pointer; text-decoration: none; background: url("#");}
.VentanaLightbox .BotonDesplazamiento div {display: none; position: absolute; top: 50%; margin-top: -20px; line-height: 40px; padding: 0px 15px; background: #FFF; color: #333; font-size: 14pt;}
.VentanaLightbox .BotonDesplazamiento.Anterior {left: 10px;}
.VentanaLightbox .BotonDesplazamiento.Siguiente {right: 10px;}
.VentanaLightbox .BotonDesplazamiento.Anterior div {left: 0px; border-radius: 0px 5px 5px 0px;}
.VentanaLightbox .BotonDesplazamiento.Siguiente div {right: 0px; border-radius: 5px 0px 0px 5px;}
.VentanaLightbox .BotonDesplazamiento:hover div {display: block;}
.VentanaLightbox .BotonCerrar {position: absolute; right: 10px; bottom: 10px; display: inline-block; line-height: 15px; padding: 0px 5px; color: #333; cursor: pointer;}

.PostMensaje {border: 1px solid; border-radius: 3px; padding: 10px 10px 10px 36px; margin-bottom: 10px; background: 10px 10px no-repeat; line-height: 16px;}
.PostMensaje.Ok {border-color: #333; background-color: #CFC; background-image: url(../imagenes/icono-ok.png);}
.PostMensaje.Error {border-color: #333; background-color: #FCC; background-image: url(../imagenes/icono-error.png);}

.Paginacion ul {margin: 10px 0; padding: 0; height: 22px;}
.Paginacion li {list-style: none; float: left; margin-right: 5px;}
.Paginacion a {display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #069; border: 1px solid #069;}
.Paginacion li.Seleccionada, .Paginacion a:hover {width: 20px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #069; background: #069; color: #FFF; text-decoration: none;}

ul.Noticias {margin: 0px; padding: 0px;}
ul.Noticias li {list-style: none; padding: 10px 0px; border-bottom: 1px solid #c9c9c9; color: #959595;}
.Noticias h3 {font-size: 15px; font-weight: bold; margin: 0px; padding: 0px;}
.Noticias h3 a {color:#fd8201;font-weight:normal;}
.Noticias p {margin: 0px; padding: 0px;text-align:justify;}
.Noticias a {color: #959595;}
.Noticias a.leer {font-weight:bold;color: #000;margin-top:3px;font-size:12px;display:block;}
.Noticias a.leer span {display:inline-block;background:#fd8201;color:#fff;font-size:10px;width:10px;height:10px;line-height:10px;text-align:center;}
.Noticias .TextoGrande {margin: 15px 0px;}
.GaleriaImagenes {margin: 10px 0px;}
.GaleriaImagenes a {margin-right: 10px;}
.GaleriaImagenes img {padding: 2px; border: 1px solid #ddd;}
ul.Noticias li.fondo {background: #f8f7f7;}

.FormularioContacto {margin:10px 0px;}
.FormularioContacto label {vertical-align:top;}
.FormularioContacto input[type=submit] {cursor:pointer;float:right;}
.FormularioContacto textarea {max-width:100%;}


.Ajax {background: url(../imagenes/ajax.gif) 0px 50% no-repeat; padding-left: 25px; line-height: 25px; float: right;}

footer {margin-top:20px;background: #0099ff; font-size:15px; color: #fff; padding:20px 0px; }
footer a {color: #fff;}
footer h3 {font-weight:bold;margin:10px 0px;}


#capaAceptaCookies {position: fixed; z-index: 150; left: 0; right: 0; top: 0; padding: 20px; background-color: rgba(0, 0, 0, 0.8); color: #FFF;}

.boton-menu-movil {color:#fec605;margin:10px 0px;padding:0px;background:none;border:none;}

@media (max-width: 767px)
{
    .Cabecera .Logo {display:inline-block;padding-top:10px;}
    .Cabecera .Buscador {margin-bottom:20px;}

    .Menu {position: fixed; top: 0; right: 0; bottom: 100%; left: 0; margin-top:145px; overflow-y: auto; background: #069; z-index: 100; transition: bottom .3s;}
	.Menu ul {margin: 0; padding: 10px;}
	.Menu li {list-style: none; color: #FFF;padding:5px 0px;border-bottom: 1px dashed #8fb7cb;}
	.Menu a {color: #FFF;}
	.MenuAbierto {overflow: hidden;}
    .MenuAbierto .Menu {bottom: 0;}
    
    .Videos li a.Enunciado {margin-top:5px;}
}

@media (min-width: 768px)
{
	.ConteneMenu .Menu {margin:0px auto;height: 30px; line-height:30px;position: relative;background:#006699;text-align:center;}
	.ConteneMenu .Menu ul {display:table;}
	.ConteneMenu .Menu ul li {list-style: none; font-size: 0.9em; color: #126791;display:table-cell;padding:0px 20px 0px 0px;}
	.ConteneMenu .Menu ul li a {color: #fff; margin: 0px;padding:0px;text-decoration: none;display:block;}
	.ConteneMenu .Menu ul li a:hover {text-decoration: underline;}
	.ConteneMenu .Menu ul li.Seleccionado a {color:#fec605;font-weight:bold;display:block;}
}

@media (min-width:992px)
{

    .Cabecera {height:70px;}
    .Cabecera .Logo img {height:30px;}
    .Cabecera .Logo {position:absolute;top:20px;left:0px;}
    .Cabecera .Buscador {position:absolute;top:20px;right:0px;margin-top:0px;}
    .Cabecera .Buscador  input[type=text] {width:250px;}

    .Banda .Login {top:10px;}

    h1.Encabezado span {position:absolute;top:0px;right:15px;}
    .ListaTutoriales li ul li span {position: absolute; right: 5px;}
    .Videos li.Tutorial h2 span {position: absolute; right: 5px;}
    .Videos li a.Enunciado {position: absolute; right: 40px; top: 6px;}

    #CajaGenerar {min-height: 185px;}

}