@charset "UTF-8"; body{font:13px/16px Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif; margin:0px; padding:0px; background:url('https://elbibliote.com/includes/images/bg_pattern.png') repeat;} p {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:10px;} .clearfix:before, .clearfix:after { content: "\0020"; display: block; height:0; overflow: hidden; } .clearfix:after {clear:both;} .clearfix {} a, a:active, a:visited, a:focus {outline:none;} .ClearFloat{clear:both;line-height:0;font-size:0;} input {outline:none;} body, ul, li { font-size:12px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-align:left; position:relative; } ul, li {line-height:21px;} .flip_frame {width:100%; height:650px; overflow:hidden;} .flex {display:flex; flex-wrap:wrap; flex-direction:row;} .clear {clear:both; height: 1px; display: block;} .col-1-3, .col-1-2, .col-2-3, .col-1-4, .col-3-4 { float: left; box-sizing: border-box; position: relative; padding-left: 5px; padding-right: 5px; } .col-1-2 {width:50%;} .col-1-3 {width:33.333%;} .col-2-3 {width:66.666%;} .col-1-4 {width:25%;} .col-3-4 {width:75%;} .strong {font-weight:bold;} .italic {font-style:italic;} /*DOCENTES THEME*/ .docentes_theme .menu_categorias li a {color:#A01013;} .docentes_theme .menu_categorias li.selected a {color:#222; border-left:4px solid #A01013} .docentes_theme .breadscrumb {color:#A01013;} .docentes_theme .breadscrumb a img {filter:brightness(0.6);} .docentes_theme .shelf .contenido_encic .titulo {color:#A01013;} #page.docentes_theme {background-color:#f7f8fa;} .docentes_theme #contenedor {background-color:#f7f8fa;} /*Contacto*/ .contenedorGeneral{width:968px;} .contenedorContacto {margin-left:5px;} .contIngDatos h1{text-transform:uppercase;color:#676767;font-size:11px; font-family:"Trebuchet MS", sans-serif; padding-top:18px;} .inputC{color:#676767;background:#E1E1E2;border:none;width:445px;height:36px; font-family:"Trebuchet MS", sans-serif;} .inputG{color:#676767;background:#E1E1E2;border:none;width:935px;height:136px; font-family:"Trebuchet MS", sans-serif;} .contContacto{float:left; border:none;} .contContacto p{width:670px; font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif; font-size:11px;} .lineaDivisoraContacto{height:10px; width:950px; border-top:1px solid #CBCBCB;} /*Botones borrar/enviar*/ .borrEnv{height:70px;width:975px;margin-top:12px;} .borrEnv h4{padding-top:42px;color:#676767;font-size:9px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;} .btnBorrar{border:none;width:59px;height:19px;float:right; padding: 0;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;} .btnBorrar:hover{border:none;width:59px;height:19px;float:right; padding: 0;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;} .btnEnviar{border:none;width:59px;float:right;height:19px; margin-right:35px;margin-left:10px; padding: 0;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;} .btnEnviar:hover{border:none;width:59px;float:right;height:19px; margin-right:35px;margin-left:10px; padding: 0;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;} .verMasC a{padding-right:10px; color:#ffffff;font-size:9px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;} .borrEnv{height:70px;width:975px;margin-top:12px;} .verMasC a{padding-right:10px; color:#ffffff;font-size:9px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;} .btnEnviar a{height:40px;padding-right:50px;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;} .btnBorrar a{height:40px;padding-right:17px;color:#ffffff;font-size:11px;font-family:Trebuchet MS,Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;font-weight:bold;} /* Default font style Style */ body, html, TH, TD, td, div , p, table { color: #484848; font-size: 13px; line-height:16px; font-weight: normal; text-decoration: none; font-family:Trebuchet MS, Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif;} p { margin:0px; padding:0px 0px 15px 0px; color:#484848;font-size:12px;font-family:Trebuchet MS, Arial, Verdana, Geneva, sans-serif ,Helvetica, sans-serif} td { text-align:left; vertical-align:top; } ol { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align:top;} ol li {padding:0px 3px 2px 0px; margin:0px; list-style-type:decimal!important; list-style-image:none!important;} img , a img { border:none!important; outline:none!important; text-decoration:none!important;} br { margin:0px; padding:0px; height:1px;} H1 { color: #3C3C3C; font-size: 20px; font-weight:normal; padding:0px 0px 5px 0px; margin:0px 0px; line-height:normal;font-family: Trebuchet MS, Arial, sans-serif;;} H2 { color: #3C3C3C; font-size: 18px; font-weight: normal; padding:0px 0px 5px 0px; margin:0px; line-height:normal; font-family: Trebuchet MS, Arial, sans-serif;} H3 { color: #808284; font-size: 33px; margin:0px; margin-bottom:15px; line-height:1.5; font-weight:bold; font-family:Trebuchet MS, Arial, sans-serif;} H4 { color: #3C3C3C; font-size: 14px; font-weight: bold; padding:0px 0px 5px 0px; margin: 0px 0px; line-height:normal;font-family:Trebuchet MS, Arial, sans-serif;} H5 { color: #3C3C3C; font-size: 13px; font-weight: bold; padding:0px 0px 5px 0px; margin:0px; line-height:normal;font-family:Trebuchet MS, Arial, sans-serif;} H6 { color: #3C3C3C; font-size: 12px; font-weight: normal; padding:0px 0px 5px 0px; margin:0px; line-height:normal; font-family: Trebuchet MS, Arial, sans-serif;} small {font-size: 11px;} hr {border:none; height:1px; background-color:#ED1B26;} /*GO TO TOP GENERICO*/ .go-top {width:48px; height:48px; display:block; position:fixed; bottom:-45px; right:2%; background:url('https://elbibliote.com/includes/images/arrow_top.png') no-repeat; z-index:9999; transition:ease-in-out 0.3s all; -webkit-transition:ease-in-out 0.3s all; -moz-transition:ease-in-out 0.3s all;} .go-top.shown {bottom:15px;} .go-top:active, .go-top:visited {outline:none;} /**********************************************/ /*************** HEADER ****************/ /**********************************************/ .cabecera_top {position:relative; width:100%;} .logo_top {margin:7px 0 11px 0; width:250px;} .logo_top img {width:100%; display:block;} .boton_packs {margin:0; top:2px; right:320px; position: absolute; width:134px;} .boton_packs img {max-width: 100%; display:block;} .boton_packs:hover {filter:brightness(1.1);} .login_top {position:absolute; top:4px; right:0;} #page {background-color:#ffffff;} #contenedor {width:100%; min-height:554px; background-color:#FFFFFF; margin:0 auto; padding:0 0 20px 0;} .notwhite #page {background:#f8f8fa;} .notwhite #contenedor {background:#f8f8fa;} body.wide .wrapper {width:1200px;} .wrapper {width:970px; margin:0 auto; position:relative;} .menu_top {background:#ED1C24; box-shadow:0px 4px 8px rgba(0,0,0,0.4); position:relative; z-index:1;} .breadscrumb {width:auto; text-transform:uppercase; color:#ED1C24; font-size:15px; padding:5px 1.5% 5px 1.5%; margin:10px 0 10px 0; font-weight:bold; line-height:20px; display:inline-block; position:relative;} .breadscrumb a {color:#ED1C24; text-decoration:none;} .breadscrumb a:hover {color:#000;} .breadscrumb a img {width:14px; display:inline-block; margin:0 2px -1px 0;} .breadscrumb a:hover img {filter:brightness(0)} /**********************************************/ /************ NUEVO MENU *************/ /**********************************************/ .menu_nuevo * {box-sizing:border-box; text-decoration:none;} .menu_nuevo {width:102%; height:36px; padding:0; margin:0; display:flex; flex-wrap:wrap;} .menu_nuevo > li { margin:0; list-style:none; display:block; text-align:center; line-height:36px;} .menu_nuevo > li:hover {background:#F4F4F4;} .menu_nuevo > li > a {color:#F4F4F4; font-family:"Trebuchet MS", sans-serif; text-transform:uppercase; font-size:14px; font-weight:bold; display:block; padding:0 13px; width:100%; height:100%;} body.wide .menu_nuevo > li > a {padding:0 22px; font-size:15px;} .menu_nuevo li:hover > a {color:#ED1C24; text-shadow:none;} .menu_nuevo li:hover > ul.submenu_nuevo {display:block;} .menu_nuevo li ul.submenu_nuevo {margin:0; display:none; position:absolute; background:#F4F4F4; padding:10px 10px 10px 10px; top:36px; left:0; z-index:99999; box-shadow:3px 4px 3px rgba(0,0,0,0.3)} .menu_nuevo li ul.submenu_nuevo li { margin:0; list-style:none; display:inline-block; padding:5px 10px; width:140px; line-height:14px;} .menu_nuevo li ul.submenu_nuevo li a {color:#343433;} .menu_nuevo li ul.submenu_nuevo li a:hover {color:#ED1C24;} .menu_nuevo li ul.submenu_nuevo.encolumnado {width:740px;} .menu_nuevo li ul.submenu_nuevo.encolumnado > li {float:left; width:180px;} .menu_nuevo li ul.submenu_nuevo.encolumnado > li:nth-child(5n) {clear:both;} .menu_nuevo li ul.submenu_nuevo.encolumnado .limpiar {clear:both; display:block;} .menu_nuevo .boton_lupa {padding:7px 0 0 8px; cursor:pointer;} .menu_nuevo .boton_lupa:hover {opacity:0.9;} .menu_nuevo .boton_lupa img {max-width:100%; width:22px; display:block;} .boton_menu_movil {display:none;} .menu_movil {display:none;} .boton_lupa_movil {display:none;} /*Popup busqueda*/ .frame_busqueda {display:none;} .frame_busqueda.open {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(43, 178, 255,0.95); z-index:999999;} .frame_busqueda .close_busqueda {position:absolute; top:15px; right:15px; width:22px; height:22px; cursor:pointer;} .frame_busqueda .close_busqueda img {max-width:100%;} .frame_busqueda .form_busqueda {position:absolute; top:49%; left:10%; width:80%; border-bottom:1px solid white; margin:0 auto; padding:0 0 5px 0;} .frame_busqueda .form_busqueda .campo_busqueda {float:left; width:90%; margin:0; background:0 0 !important; border:none; padding:0; color:white; font-size:30px; font-family: 'Trebuchet MS', sans-serif; border-radius:0; line-height:30px; } .frame_busqueda .form_busqueda .campo_busqueda::placeholder {color:white!important; opacity:1!important;} .frame_busqueda .form_busqueda .campo_busqueda::-webkit-input-placeholder {color:white!important; opacity:1!important;} .frame_busqueda .form_busqueda .campo_busqueda::-webkit-placeholder {color:white!important; opacity:1!important;} .frame_busqueda .form_busqueda .lupa_busqueda {float:right; width:10%; background:url('https://elbibliote.com/includes/images/lupa_2.png') no-repeat; background-size:100% auto; background-position:center; width:24px; height:30px; padding:0; margin:0; border:none; cursor:pointer;} /*Menu de categorias*/ .menu_categorias {float:left; padding-right:20px; width:26%; box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:20px; font-family: 'Trebuchet MS', sans-serif;} .menu_categorias ul {background-color:#E7E8EA; padding:0; margin:0; list-style:none; border:none; width:100%;} .menu_categorias ul li {list-style:none; border-bottom:1px solid #bababa; margin: 0; line-height: 21px;} .menu_categorias ul li a {display:block; padding: 0px 5px 0px 5px; border-left: 4px solid #808080; background: #E2E2E3; color: #808080; width:auto; text-decoration: none; font-size: 12px;} .menu_categorias ul li.selected {} .menu_categorias ul li.selected a {border-left:4px solid #ED1C24; background:#ffffff;} .menu_categorias ul li.unselected {} .menu_categorias ul li.unselected a {} .menu_categorias ul li a:hover {border-left:4px solid #ED1C24; background:#ffffff;} .menu_categorias form {position:relative;} .menu_categorias form input.lupa {width:22px;height: 21px;background-image: url('https://elbibliote.com/includes/images/look.png');background-color: transparent;color: transparent;border: none;outline: none;cursor: pointer; position: absolute; top:3px; right:3px;} .menu_categorias form input.lupa:hover {filter: brightness(0.5);} .contenido {float:left; box-sizing:border-box; -webkit-box-sizing:border-box; width: 74%;} /************************************************/ /***************** FOOTER *******************/ /************************************************/ #footer {font-family:Trebuchet MS!important; background:#202020; padding:15px 3%; position:relative; text-align:center;} #footer p {font-size:11px; margin:0; padding:0 0 5px 0; line-height:1.3; text-align:center; color:#9E9EA2;} #footer p b {font-size:12px; font-weight:bold; color:#ccc;} #footer p .tel {font-weight:bold;} #footer p.title {padding-bottom:9px;} #footer p.title b {font-size:13px;} #footer .redes {position:relative;} #footer .redes a {display:inline-block; margin:0 3px 7px 3px;} #footer .redes a:hover {filter:brightness(1.2)} #footer .legales {padding-top:10px;} #footer .legales a {color:#ccc; text-decoration:none;} #footer .legales a:hover {color:#ed1c24; text-decoration:underline;} #footer .legales .sep {} #footer .copyright {font-size:11px; margin:0; padding:0 0 5px 0; line-height:1; text-align:center; color:#9E9EA2;} /**********************************************/ /************ BUSQUEDA ************/ /**********************************************/ .contenedor_busqueda {width:90%; margin:0 0 30px 5%; font-size:13px;} .contenedor_busqueda a {text-decoration:none; font-size:13px;} .contenedor_busqueda #busqueda-index {position:relative;} .contenedor_busqueda #busqueda-index input.lupa {width:22px;height: 21px;background-image: url('busqueda/img/look.png');background-color: transparent;color: transparent;border: none;outline: none;cursor: pointer; position: relative; top:1px; right:1px;} .contenedor_busqueda #busqueda-index input.lupa:hover {filter: brightness(0.5); -webkit-filter: brightness(0.5);} .campo-busqueda {width:75%; height:19px; border:solid 1px #A7A9AC; font-family:'Trebuchet MS'; padding-left:5px;} .mensaje-busqueda {padding:15px 0;} .contenedor_busqueda #cant {float:right;} .botonera-busqueda {width:100%; float:left; margin-bottom:15px;} #filtro-vermas {background:#ED1C24; float:left; height:30px; margin:0 5px 5px 0; text-decoration:none; display:block; color:#FFF; line-height:30px; font-size:13px; padding:0 20px; transition:all 0.75s ease; -webkit-transition:all 0.75s ease; -moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease; opacity:0; position:absolute; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro {background:#ED1C24; float:left; height:30px; margin:0 5px 5px 0; transition:all 0.75s ease; -webkit-transition:all 0.75s ease; -moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease;} .filtro a {text-decoration:none; display:block; color:#FFF; line-height:30px; font-size:13px; padding:0 20px;} .filtro:hover {filter:brightness(1.3); -webkit-filter:brightness(1.3);} .filtro a:active {box-shadow:3px 3px 8px rgba(0,0,0,0.6) inset;} .filtro.color-enciclopedias {background-color:#7E3F98;} .filtro.color-idiomas {background-color:#699934;} .filtro.color-videos {background-color:#F26A21;} .filtro.color-articulos {background-color:#3952A4;} .filtro.color-infografias {background-color:#A71E22;} .filtro.color-sala {background-color:#2A2766;} .filtro.color-micrositios {background-color:#0C7F3F;} .filtro.color-libro-pedia {background-color:#013d4b;} .filtro.color-atlas {background-color:#247E93;} .filtro.color-audiolibros {background-color:#EF6BC5;} .filtro.color-cursos {background-color:#0090C7;} .filtro.color-tarjetas {background-color:#5b8d74;} /*Ocultar filtros hasta que se encuentren resultados*/ .filtro#libro-pedia {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#atlas {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#videos {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#audiolibros {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#infografias {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#enciclopedias {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#idiomas {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#sala {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#articulos {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#micrositios {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#cursos {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .filtro#tarjetas {opacity:0; position:absolute; pointer-events:none; transform:translateX(-75%); -webkit-transform:translateX(-75%); -moz-transform:translateX(-75%); -ms-transform:translateX(-75%);} .cuadro-result {width:100%; display:block; position:relative; padding:15px 15px 5px 15px; box-sizing:border-box; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease;} .cuadro-result:nth-of-type(even) {background-color:#F1F1F2;} .cuadro-result:nth-of-type(odd) {background-color:#E6E7E8;} .cuadro-result.hide {display:none;} .titulo-resultado {font-size:18px; font-weight:bold; padding:0 0 5px 0;} a.resultado {display:block; margin:7px 0;} a.resultado:hover { text-decoration:underline;} .color-enciclopedias {color:#7E3F98;} .color-idiomas {color:#699934;} .color-videos {color:#F26A21;} .color-articulos {color:#3952A4;} .color-infografias {color:#A71E22;} .color-sala {color:#2A2766;} .color-micrositios {color:#0C7F3F;} .color-diccionario {color:#ED1C24;} .color-libro-pedia {color:#013d4b;} .color-atlas {color:#247E93;} .color-audiolibros {color:#EF6BC5;} .color-cursos {color:#0090C7;} .color-tarjetas {color:#5b8d74;} .busqueda_cont_esc {display:inline-block; background:#EC1C24; box-shadow:2px 2px 0 0 #980A0B; color:white; border:none; cursor:pointer; margin-top:20px; font-size:13px; font-weight:bold; text-decoration:none; text-align:center; padding:6px 25px;} .busqueda_cont_esc:hover {background:#9E1D21;} .busqueda_cont_esc:active {background:#EC1C24; box-shadow:2px 2px 0 0 #980A0B inset;} .busqueda_cont_esc:after {clear:both;} /***********************************************/ /*************** REVISTEROS ******************/ /* (REVISTA, REVISTAINT, COCINA, PINTORES) */ /***********************************************/ #contenedor_revistero {width:88%; margin:0 6%; padding:20px 0; box-sizing: border-box;} #contenedor_revistero .cabezera {margin:0px 0 40px 0; } #contenedor_revistero .cabezera img {max-width:100%; display:block; margin:0 auto;} #contenedor_revistero .interna { width:100%; text-align:left; margin:0 0 20px 0; box-sizing: border-box; position:relative;} /*Col Izq (tapa)*/ #contenedor_revistero .interna #colIzquierda {width:39%; display:inline-block; vertical-align: top;} #contenedor_revistero .interna #colIzquierda .fechaFoto {font:normal 16px "Trebuchet MS"; color:#fff; padding:5px; display:block; text-align:center; font-weight:bold; text-transform:uppercase; display:none;} #contenedor_revistero .interna img {max-width:100%; display:block; margin:0 auto;} /*Col der (texto)*/ #contenedor_revistero .interna #colDerecha { width:57%; display:inline-block; margin-left:4%; vertical-align: top; float: right;} #contenedor_revistero .interna #colDerecha h3 {font:normal 16px "Trebuchet MS"; color:#fff; background: #ED1C24; padding:5px 10px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; } #contenedor_revistero .interna #colDerecha p {font:normal 14px "Trebuchet MS"; color:#000; display:block; margin:0 10px 0 10px; padding:0 0 10px 0;} #contenedor_revistero .interna #colDerecha a.editorialCompleta {font-family:"Trebuchet MS"; color:#ED1C24; margin:0 0 10px 10px; background:url('https://elbibliote.com/includes/images/bullet-sumario.png') no-repeat 0 8px; padding-left:20px;} #contenedor_revistero .interna #colDerecha a:hover.editorialCompleta {color:#a0d0e8; text-decoration: underline;} #contenedor_revistero .interna #colDerecha #boton-vermas a.editorialCompleta {display:block;} #contenedor_revistero .interna #colDerecha li .titulo {color:black; font:bold 13px "Trebuchet MS" } #contenedor_revistero .interna #colDerecha ul {color:black; padding-left:25px;} #contenedor_revistero .interna .ver_libro {background:#a01013;float:right; margin:10px 10px 0 0; padding:5px 20px 3px 20px; color:white; text-decoration: none; font-weight: bold; box-shadow:2px 2px 2px rgba(0,0,0,0.6);} #contenedor_revistero .interna .ver_libro:hover {filter:brightness(1.2);} /*Boton muestraactual*/ #contenedor_revistero .boton_muestraactual {background-color:#fff; height:32px; padding-top:14px; margin-bottom:30px; text-align:center;} #contenedor_revistero .boton_muestraactual a {font-weight:bold; color:#EC1C24; } #contenedor_revistero .boton_muestraactual a:hover {color:#9E1D21;} #contenedor_revistero .boton_muestraactual a:focus {outline:none;} /*Ediciones anteriores*/ #contenedor_revistero .ediciones-anteriores {padding-bottom:30px; clear:both;} #contenedor_revistero .ediciones-anteriores h3 {font-size:18px; background:#ED1C24; padding:4px 10px; color:#FFF; text-align:center;} #contenedor_revistero .ediciones-anteriores .lista { display:block; margin:20px auto 0 auto; position:relative; width:100%;} #contenedor_revistero .ediciones-anteriores .lista ul {margin:0; padding:0; display:flex; flex-wrap:wrap;} #contenedor_revistero .ediciones-anteriores .lista ul li { display:block; width:22%; margin:0 1.5% 10px 1.5%; overflow:hidden; border-bottom:5px solid #ED1C24;} #contenedor_revistero .ediciones-anteriores .lista ul li img { display:block; border:none; max-width: 100%;} #contenedor_revistero .ediciones-anteriores .lista .epigrafe a {font:normal 14px "Trebuchet MS"; display:block; width:182px; background:#ED1C24; color:#fff; padding:3px 2px 0; text-align:center; display:none;} #contenedor_revistero .ediciones-anteriores .lista .epigrafe a:hover {text-decoration:none;} /**********************************************/ /************ FAQ *************/ /**********************************************/ #accordion {border-radius:0px; border-color:#E6E7E8; width:85%; margin:0 auto;} #accordion .ui-accordion-header {font-size:18px; border-radius:0px; font-weight:bold; background:#E6E7E8; border-color:#E6E7E8;} #accordion .ui-accordion-header.ui-accordion-header-active {border-radius:0px; background:#ED1B26; color:white; border-color:#ED1B26;} #accordion .ui-accordion-content {border-radius:0px; border:2px solid #E6E7E8; padding:15px 3% 0 3%;} #accordion .ui-accordion-content p {font-size:16px; padding:0px 0px 15px 0px; line-height:1.2;} #accordion .ui-accordion-content ul {padding:0 0 0 15px; margin:0 0 15px 0;} #accordion .ui-accordion-content ul li {font-size:16px; line-height:1.2; margin-bottom:5px;} #accordion a:link {text-decoration:none; color:#ED1B26;} #accordion a:visited {color:#ED1B26;} #accordion a:hover {color:#ED1B26; text-decoration:underline;} /**********************************************/ /************ INSTRUCTIVO ***********/ /**********************************************/ .contenedorInstructivo {width:65%; position:relative; border:1px solid #d5d5d5; padding:25px 5% 20px 5%; margin:20px auto 40px auto; border-radius:3px; box-shadow:0 3px 3px 0 #d5d5d5;} .contenedorInstructivo .titulo {background:#EC1C24; display:inline-block; color:white; font-weight:bold; padding:8px; font-size:17px; margin-bottom:15px;} .contenedorInstructivo .texto {text-align:left; font-size:15px; line-height:20px; padding:0; font-weight:bold;} .contenedorInstructivo .captura {} .contenedorInstructivo .captura img {max-width:100%;} .footerInstructivo {width:90%; margin:0 5%; border-top:2px solid #9D9D9D; text-align:center; font-size:13px!important; font-weight:bold; margin:0 auto; padding:10px 0 30px 0; display:block; line-height:25px;} .footerInstructivo span {color:#EC1C24;} /**********************************************/ /************ ESCUELAS *************/ /**********************************************/ .contEscuelas {padding:0 15px; box-sizing: border-box;} /**********************************************/ /************ HISTORIAS *************/ /**********************************************/ .contenedor_historias {padding:0 15px;} .contenedor_historias h3 {font-size: 26px; line-height: 1; color:#808080; font-weight: bold; font-family: Trebuchet MS, Arial, sans-serif; margin:0 0 15px 0;} .contenedor_historias p {font-size:13px;} .link_historia {color:#ED1B26; font-size: 13px; text-decoration: none; margin-bottom: 10px; display:inline-block; width:50%; float:left;} .link_historia:hover {text-decoration: underline;} /**********************************************/ /************ VENTAJAS *************/ /**********************************************/ .contenedorVentajas img {max-width:100%;} .contenedorVentajas #imagenes_1 {margin-top:-70px;} .contenedorVentajas #imagenes_2 {margin-top: -50px;} .contenedorVentajas #imagenes_3 {margin-top:-330px;} .contenedorVentajas .emboltorio {padding:0 25px; clear: both;} .tituloVentajas {width:auto; color:#EC1C24; font-weight:bold; font-size:26px; border-bottom:1px solid #ddd; padding:1px 0 25px 50px; margin:0 0 30px 0; line-height:30px;} .tituloVentajas.icono-escuelas {background:url('ventajas/img/icono_escuelas.png') no-repeat left top;} .tituloVentajas.icono-economicas {background:url('ventajas/img/icono_economicas.png') no-repeat left top; margin-top:-30px;} .tituloVentajas.icono-familias {background:url('ventajas/img/icono_familias.png') no-repeat left top; margin-top:100px; clear:both;} .tituloVentajas.icono-empresas {background:url('ventajas/img/icono_empresas.png') no-repeat left top; margin-top: -30px;} .subtituloVentajas {width:100%; font-weight:bold; font-size:14px; text-align:center; margin-bottom:30px;} .ventajas.ventajas7 {padding-left:20%; width:100%; box-sizing: border-box;} ul.ventajas { list-style:none; margin:0 0 30px 0; padding:0 10px 0 0;} ul.ventajas li {background:url('ventajas/img/tilde.png') no-repeat left 2px; padding:0 0 0 25px; margin-bottom:15px; font-size:14px;} .linea-ventajas {height:1px; background:#ddd; width:100%; margin:0 0 40px 0; float:left; position:relative;} #videoVentajas { width:100%; height:518px;} /**********************************************/ /********** ARTICULOS DESTACADOS ********/ /**********************************************/ .contenedor_directorio {padding:0 15px; box-sizing: border-box;} .subtitle {text-align:left; margin-top:15px; margin-bottom:8px; font-weight:bold; font-size:20px; color:#808284;} #form-orden {float:right; margin-top:5px; margin-bottom:0px;} #form-orden .label {font-size:14px; margin-right:10px;} #orden-articulos {border:none; background:white; background:none; color:#808284; border:1px solid #e7e8ea; cursor:pointer; padding:5px 8px;} #orden-articulos option {background:white; } #orden-articulos:active,#orden-articulos:focus {outline:none;} #busqueda-articulos {height:28px; background-color:white; border:1px solid #808284; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:5px; padding-right:30px; color:#808284; margin-bottom:20px;} #busqueda-articulos:focus,#busqueda-articulos:active {outline:none;} .contenedor_cuadros_articulos {margin:0 -1% 0 -1%; display: flex; flex-wrap: wrap; flex-direction: row;} .categoria {text-decoration:none; float:left; margin:10px 1% 1% 1%; display:block; width:23%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} .categoria .titulo-categoria {background-color:#E7E8EA; height:30px; width:100%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} .categoria .titulo-categoria span {font-size:16px; font-family:Trebuchet MS; color:#000; line-height:30px; font-weight:bold; padding-left:7px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} .categoria .portada-categoria {width:100%; border-bottom:4px solid #ED1B26; overflow:hidden; background:#ED1B26} .categoria .portada-categoria img {width:100%; display:block; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} .categoria:hover .titulo-categoria {background:#ED1B26; } .categoria:hover .titulo-categoria span {color:white; } .categoria:hover .portada-categoria img {transform:rotate(-3deg) scale(1.1,1.1); } .articulo_ficha {width:31%; float:left; margin:10px 1.16% 1% 1.16%; height:auto; color:#000; box-sizing:border-box; padding:1.3% 1.3% 30px 1.3%; position:relative;} .articulo_ficha .tituloart {font-size:18px; font-family:Trebuchet MS, sans-serif; font-weight:bold; line-height:1.2;} .articulo_ficha .tituloart.buscado {margin-top:2px; font-size:17px; line-height:1.1; display:block;} .articulo_ficha .descart {font-size:12px; font-family:Trebuchet MS,sans-serif; line-height:1.2;} .articulo_ficha .vernota {font-size:12px; font-family:Trebuchet MS,sans-serif; font-weight:bold; font-style:italic; text-decoration:none; position:absolute; right:3%; bottom:3%;} .articulo_ficha .vernota:hover {color:black!important;} .articulo_ficha .cat-art {color:#808284; font-size:11px; text-transform:uppercase; font-weight:bold; display:block; font-family:Trebuchet MS, sans-serif;} /*ARTICULOS INDIVIDUALES*/ .wrapper_articulos {padding:0 2%;} .wrapper_articulos .flecha_volver {color:#ED1C24; font-weight:bold; text-decoration:none; display:block; padding:15px 0;} .wrapper_articulos .flecha_volver img {margin-right:5px; margin-bottom:-4px;} .site .flecha_volver {color:#ED1C24; font-weight:bold; text-decoration:none; display: block; padding:15px 0 0 15px;} .site .flecha_volver img {margin-right:5px; margin-bottom:3px;} .wrapper_articulos h3 { color: #6D6E70; font-size: 24px; margin:0px; margin-bottom:15px; line-height:1.5; font-weight:bold; font-family:Trebuchet MS, Arial, sans-serif;text-align:left;} /*Contenido articulo*/ .contenido_articulo {width:83%;} /*old styles*/ #subtitulo {color: #6D6E70; font-size:14px; line-height:1.3; margin:0px; font-style:italic; font-family:Trebuchet MS, Arial, Verdana;} #subtitulo i {font-style:normal;} #epigrafe {color: #6D6E70; font-size:11px; line-height:1.3; margin:0px; font-style:italic; font-weight:bold; font-family:Trebuchet MS, Arial, Verdana;} #epigrafeizq {color: #6D6E70; font-size: 13px; margin:0px; line-height:normal; font-style:italic; font-family:Trebuchet MS, Arial, Verdana; margin-top:15px;} .columna_articulo {width:30%;float:left; padding: 0 5% 0 0; box-sizing: border-box;} .columna_articulo .linea_columna {margin-top:51px; width:100%; color:#ED1B26;} .columna_articulo .bloque_columna {width:100%;} .columna_articulo .bloque_columna img {width:100%;} .columna_articulo .epigrafe {color:#6d6e70; font-family:Trebuchet MS, Arial, Verdana; font-size:10px; font-style:italic; font-weight:bold; line-height:normal; margin:0;} .columna_articulo .epigrafe i {font-style:normal;} .columna_articulo img {max-width:100%;} .columna_articulo .destacado {padding:8px 5px; margin:10px 0; border:1px solid #20202F; background:#DBDBEA;} .ppal_articulo {width:70%; float:left; text-align:justify; box-sizing: border-box;} .ppal_articulo .linea_roja {color:#ED1B26} .ppal_articulo .introduccion {color:#6d6e70; font-family:Trebuchet MS, Arial, Verdana; font-size:14px; font-style:italic; line-height:normal; margin:0;} .ppal_articulo .introduccion i, .ppal_articulo .introduccion em {font-style: normal;} .ppal_articulo .subtitulo {font-weight:bold; font-size:16px;} .ppal_articulo .destacado {padding:15px 10px; margin:10px 0; border:1px solid #20202F; background:#DBDBEA; font-size:14px;} .ppal_articulo .destacado p {font-size:14px; padding-bottom:10px; line-height:1.3;} .ppal_articulo p {font-size:14px; line-height:1.3; font-family:Trebuchet MS, Arial, Verdana;} .ppal_articulo img {max-width:100%;} .ppal_articulo .epigrafe {color:#6d6e70; font-family:Trebuchet MS, Arial, Verdana; font-size:11px; font-style:italic; font-weight:bold; line-height:normal; margin:0;} .ppal_articulo .epigrafe i, .ppal_articulo .epigrafe em {font-style: normal;} .ppal_articulo ul { padding-left:15px; margin:0 0 10px 0;} .ppal_articulo ol { padding-left:15px; margin:0 0 10px 0;} .ppal_articulo ul li {line-height:1.3; margin-bottom:5px; font-size:14px; text-align:justify; font-family:Trebuchet MS, Arial, Verdana;} .ppal_articulo ol li {line-height:1.3; margin-bottom:5px; font-size:14px; text-align:justify; font-family:Trebuchet MS, Arial, Verdana;} .ppal_articulo ol li p {line-height:1.3; margin-bottom:5px; font-size:14px; text-align:justify; font-family:Trebuchet MS, Arial, Verdana;} .ppal_articulo .tabla {width:100%; margin:0 0 15px 0; padding:0; border-style:solid; border-color: #808080;} .ppal_articulo .tabla tr th {font-weight: bold; text-transform: uppercase; text-align: center;border-style: solid; border-color: #808080; padding:5px; font-size:14px; background:#DBDBEA;} .ppal_articulo .tabla tr td {padding:3px; border-style: solid; border-color: #808080; font-size:13px;} .ppal_articulo .tabla tr td p {padding:0; margin:0; font-size: 12px;} .footer_articulos {width:90%; margin: 0 auto;} .footer_articulos #panelacciones {background-color: #FCFCFC;border: 1px solid #F8F8F8;} .footer_articulos .boton_imp {float:left;margin-right:5px;margin-left:5px;margin-top:10px;margin-bottom:5px;width:74px;border-radius: 2px;background: #4267b2; color:#fff; font-weight:bold;line-height: 20px; font-family: 'Helvetica Neue', Helvetica, Arial; font-size:11px; display: block;} .footer_articulos .boton_imp img {margin:0px 4px -2px 4px; width:13px;} .footer_articulos .boton_imp a {text-decoration:none;color:#fff} .footer_articulos .fb-like {margin-top:10px;margin-bottom:5px} .footer_articulos h3.comenta {border-bottom: 1px solid #FFE7C9 !important; border-top:2px solid #ED1B26 !important; color:#333; text-transform:uppercase; font:normal 14px/34px 'Lato', Arial, Helvetica, sans-serif; font-size:16px;font-weight:bold} /**********************************************/ /************ BULLYING ************/ /**********************************************/ body.bullying #contenedor {background:#9AD6B4; padding:0 0 20px 0;} body.bullying #page {background:#9AD6B4;} body.bullying .BodyContentMiddle {background:#9AD6B4;} body.bullying a:focus, body.bullying a:visited {outline:none;} body.bullying .cabezera {margin:0 0 20px 0;} .contenedorBullying {padding:0 60px; background:#9AD6B4;} .contenedorBullying h2 {font-size:22px; font-weight:bold; color:#484848; margin-bottom:15px;} .contenedorBullying h4 {font-size:18px; font-weight:bold; color:#484848; padding-bottom:10px;} .contenedorBullying p {font-size:14px; line-height:20px;} .contenedorBullying ul {margin:0px 0 30px 0; padding-left:0px;} .contenedorBullying ul li { list-style:none; display:inline-table; width:208px; margin:0px; } .contenedorBullying .epig {text-align:right; display:block; font-size:12px; color:#BF1E2E;} .contenedorBullying ul li a {text-decoration:none; color:/*#00969D*/#005663; font-style:italic; font-size:12px; display:block; line-height:16px;} .contenedorBullying ul li a {font-style:normal;} .contenedorBullying ul li a:hover > strong {text-decoration:underline;} .contenedorBullying .titulo { transform:rotate(-6deg); margin:30px 0 20px -40px; width:auto;} .contenedorBullying .link_infog {margin:3px 0 30px 0; text-align:center; display:block;} .contenedorBullying .link_articulo {text-align:center;} .contenedorBullying .link_articulo a {margin:50px 0 50px 0; display:inline-block; color:#005663; font-size:14px; font-weight:bold; padding-left:30px; background:url('guerras/img/txt-ico.png') no-repeat left center; line-height:24px;} .contenedorBullying .link_articulo a:hover {color:#BF1E2E; text-decoration:none;} /**********************************************/ /******** RECURSOS ONLINE *********/ /**********************************************/ .recursos_online {padding:0 15px; box-sizing: border-box;} .recursos_online .imagen_ppal {margin:0 0 30px 0; width:100%;} .recursos_online .imagen_ppal img {width:100%;} .recursos_online * {box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;} .recursos_online ul.lista_cat {padding:0; margin:0;} .recursos_online ul.lista_cat li {list-style:none; padding:0; margin:10px 0 15px 0; float:left; border-bottom:1px solid #ccc; padding-bottom:15px; height:200px; float:left; width:49%; border-right:1px solid #ccc; } .recursos_online ul.lista_cat li:nth-child(odd) {margin-right:2%;} .recursos_online ul.lista_cat li .img_cat {float:left; padding:0px 15px 0 0; height:100%; width:26%;} .recursos_online ul.lista_cat li .img_cat img {max-width: 100%;} .recursos_online ul.lista_cat li .des_cat {float:left; padding:0 5px 0 0; width:74%; font-size:12px; font-weight:bold; } .recursos_online ul.lista_cat li .des_cat p {padding:0; margin:0 0 10px 0; font-size:16px; font-weight:bold; color:#4FACE0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} .recursos_online ul.lista_cat li .des_cat span {display:block; color:#222; line-height:16px; } .recursos_online ul.lista_cat li .des_cat .link_rcs {display:block; margin-top:10px; text-decoration:none; background:#EC1C24; color:white; border:2px solid #EC1C24; width:120px; text-align:center; padding:2px 0 3px 0; transition:ease-in-out 0.25s all;} .recursos_online ul.lista_cat li .des_cat .link_rcs:hover {background:white; color:#EC1C24;} .recursos_online ul.lista_rcs {padding:0; margin:12px 0 0 0;} .recursos_online ul.lista_rcs li {list-style:none; padding:0; margin:10px 0 15px 0; float:left; border-bottom:1px solid #ccc; padding-bottom:25px;} .recursos_online ul.lista_rcs li .img_rcs {float:left; padding:0 15px; width:28%; border-right:1px solid #ccc; text-align: center;} .recursos_online ul.lista_rcs li .img_rcs img {max-width: 100%;} .recursos_online ul.lista_rcs li .des_rcs {float:left; padding:8px 18px; width:72%; font-size:14px;} .recursos_online ul.lista_rcs li .des_rcs span {display:block; color:#222; line-height:1.3; } .recursos_online ul.lista_rcs li .des_rcs span .mayusc { text-transform:uppercase;} .recursos_online ul.lista_rcs li .des_rcs .link_rcs {display:inline-block; margin-top:10px; color:white; font-weight:bold; text-transform:uppercase; font-size:12px; line-height:1; text-decoration:none; background:#EC1C24; border:2px solid #EC1C24; text-align:center; padding:4px 8px 4px 8px; transition:ease-in-out 0.25s all;} .recursos_online ul.lista_rcs li .des_rcs .link_rcs:hover {background:white; color:#EC1C24;} .recursos_online .menu_categorias ul li {line-height:32px;} .recursos_online .menu_categorias ul li a {padding-left:43px; font-weight:bold; font-size:11px;} .recursos_online .menu_categorias ul li a.naturales {background-image:url('recursos_online/images/ciencias_naturales_ico.png'); background-repeat:no-repeat; background-position:8px center;} .recursos_online .menu_categorias ul li a.sociales {background-image:url('recursos_online/images/ciencias_sociales_ico.png'); background-repeat:no-repeat; background-position:8px center;} .recursos_online .menu_categorias ul li a.matematicas {background-image:url('recursos_online/images/matematicas_ico.png'); background-repeat:no-repeat; background-position:8px center;} .recursos_online .menu_categorias ul li a.espanola {background-image:url('recursos_online/images/lengua_espanola_ico.png'); background-repeat:no-repeat; background-position:8px center;} .recursos_online .menu_categorias ul li a.extranjera {background-image:url('recursos_online/images/lengua_extranjera_ico.png'); background-repeat:no-repeat; background-position:8px center;} .recursos_online .menu_categorias ul li a.tecnologia {background-image:url('recursos_online/images/tecnologia_ico.png'); background-repeat:no-repeat; background-position:8px center;} .recursos_online .menu_categorias ul li a.generales {background-image:url('recursos_online/images/generales_ico.png'); background-repeat:no-repeat; background-position:8px center;} .recursos_online .menu_categorias ul li a.docentes {background-image:url('recursos_online/images/docentes_ico.png'); background-repeat:no-repeat; background-position:8px center;} /**********************************************/ /************ MULTIPEDIA *************/ /**********************************************/ body.multipedia #contenedor {background:#B01116; padding:0 0 20px 0;} body.multipedia #page {background:#B01116;} body.multipedia .BodyContentMiddle {background:#B01116;} .contenedor_multipedia {background:#B01116; padding:20px 10%; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; } .contenedor_multipedia p {color:white; font-size:14px; line-height:19px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;} .contenedor_multipedia ul {padding:0 0 15px 15px; margin:0 0 0 15px;} .contenedor_multipedia ul li {color:white; font-size:14px; line-height:19px;} .contenedor_multipedia p.title_mp {font-size:20px; font-weight:bold;} #form_mp {width:100%; box-sizing:border-box; color:white;} #form_mp .input_mp {width:50%; box-sizing:border-box; background:white; border:none; margin:0 0 10px 0; color:#B01116; padding:5px; font-size:14px; float:left;} #form_mp .txt_mp {width:100%; box-sizing:border-box; height:100px; border:none; font-size:14px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#B01116; padding:5px; resize:none; } #form_mp .radios {margin-bottom:19px; float:left; color:white; width:50%; text-align:right;} #form_mp .radio_mp {cursor:pointer; margin-left:15px;} #form_mp .btn_mp {float:right; margin:10px 0 15px 0; background:white; color:#B01116; font-size:13px; font-weight:bold; border:2px solid transparent; padding:3px 15px; cursor:pointer; text-transform:uppercase;} #form_mp .btn_mp:hover {border:2px solid white; color:white; background:#B01116;} #form_mp .input_mp:nth-child(odd) {width:49%; margin-right:1%;} #form_mp .success {color:#FCAE26; margin:15px 0; font-weight:bold;} /**********************************************/ /******* EVALUACIONES LITERARIAS *********/ /**********************************************/ #contenedor.contenedor_evaluaciones {padding:0 1.5% 30px 1.5%; box-sizing:border-box;} .contenedor_cuestionarios .texto-intro {padding:0 0 30px 0;} .lista_cuestionarios {list-style:none; padding:0; margin:0; width:99%;} .lista_cuestionarios li {border-bottom:1px solid #ccc; color:#484848; padding:14px 0 0 40px; font-size:14px; font-style:italic; height:54px; box-sizing:border-box;} .lista_cuestionarios li .title {color:#A81012; font-weight:bold; font-style:normal;} .lista_cuestionarios li a {text-decoration:none; color:#000; font-style:normal;} .lista_cuestionarios li a .pdf {width:17px; margin:0 3px -5px 0;} .lista_cuestionarios li a:hover {color:#ED1C24;} .lista_cuestionarios li:nth-child(n) {background:url('evaluaciones_literarias/img/tapa-01.jpg') no-repeat left center;} .lista_cuestionarios li:nth-child(2n) {background:url('evaluaciones_literarias/img/tapa-02.jpg') no-repeat left center;} .lista_cuestionarios li:nth-child(3n) {background:url('evaluaciones_literarias/img/tapa-03.jpg') no-repeat left center;} .lista_cuestionarios li:nth-child(4n) {background:url('evaluaciones_literarias/img/tapa-04.jpg') no-repeat left center;} .lista_cuestionarios li:nth-child(5n) {background:url('evaluaciones_literarias/img/tapa-05.jpg') no-repeat left center;} .lista_cuestionarios li:nth-child(6n) {background:url('evaluaciones_literarias/img/tapa-06.jpg') no-repeat left center;} .lista_cuestionarios li:nth-child(7n) {background:url('evaluaciones_literarias/img/tapa-07.jpg') no-repeat left center;} .lista_cuestionarios li:nth-child(8n) {background:url('evaluaciones_literarias/img/tapa-08.jpg') no-repeat left center;} .lista_cuestionarios li:nth-child(9n) {background:url('evaluaciones_literarias/img/tapa-09.jpg') no-repeat left center;} .lista_cuestionarios li:nth-child(10n) {background:url('evaluaciones_literarias/img/tapa-10.jpg') no-repeat left center;} /**********************************************/ /******** ENCICLOPEDIA AUMENTADA *********/ /**********************************************/ .contenedor_encicaumentada {background: url('enciclopedia_aumentada/img/fondo.jpg') no-repeat; background-position: bottom center; background-size:100% 100%; padding-bottom:12px;} .contenedor_encicaumentada * {box-sizing: border-box;} .contenedor_encicaumentada img {max-width: 100%; display:block;} .contenedor_encicaumentada .header {margin-bottom:25px;} .contenedor_encicaumentada .cuadro {width:70%; float:left; margin-bottom:30px;} .contenedor_encicaumentada .foto {float:right; width:21%; margin-left:4%; margin-bottom:15px;} .contenedor_encicaumentada p {color:#000; font-size: 16px; padding: 0 0 15px 0; line-height: 18px;} .contenedor_encicaumentada p.subtitulo {color:#BE1E2D; font-weight: bold; font-size:22px; padding: 15px 0 15px 0;} .contenedor_encicaumentada .step_num {color:#BE1E2D; font-weight: bold; font-size:42px; float: left; width: 15%; line-height: 1;} .contenedor_encicaumentada .step_txt {color:#000; font-size:13px; float:left; width:85%; padding-right:7%;} .contenedor_encicaumentada .step_txt .botones_apps {display: block; float: left; width:90%; padding:10px 0 0 0;} .contenedor_encicaumentada .step_txt .botones_apps img {width:100%;} .contenedor_encicaumentada .step_txt .botones_apps:hover img {filter:brightness(1.2);} .contenedor_encicaumentada .tapas {padding:0 5%; text-align: center; margin:30px 0;} .contenedor_encicaumentada .tapas .ver_tomo {padding:4px 0px; color:white; text-decoration: none; text-align: center; margin:10px auto 5px auto; display: block; width:60%;font-weight: bold; font-size: 14px;} .contenedor_encicaumentada .tapas .ver_tomo:hover {box-shadow: 3px 3px 3px #666;} .contenedor_encicaumentada .tapas .descripcion {margin:10px 0 0 0; font-weight: bold;} .contenedor_encicaumentada .tapas .astro .ver_tomo {background:#E67025} .contenedor_encicaumentada .tapas .cuerpo .ver_tomo {background:#009345} .contenedor_encicaumentada .tapas .histo .ver_tomo {background:#BE1E2D} .contenedor_encicaumentada .tapas .tecno .ver_tomo {background:#0060AD} .contenedor_encicaumentada .tapas .astro .descripcion {color:#E67025} .contenedor_encicaumentada .tapas .cuerpo .descripcion {color:#009345} .contenedor_encicaumentada .tapas .histo .descripcion {color:#BE1E2D} .contenedor_encicaumentada .tapas .tecno .descripcion {color:#0060AD} .contenedor_encicaumentada .links_infogs:hover img {filter:brightness(0.7);} /**********************************************/ /******** ENCICLOPEDIA DINOSAURIOS *******/ /**********************************************/ .contenedor_dinosaurios {background: url('enciclopedia_dinosaurios/img/fondo.jpg') no-repeat; background-position: bottom center; background-size:100% 100%; padding-bottom:12px; position:relative;} .contenedor_dinosaurios * {box-sizing: border-box;} .contenedor_dinosaurios img {max-width: 100%; display:block;} .contenedor_dinosaurios .header {margin-bottom:30px;} .contenedor_dinosaurios .cuadro {padding:15px 15px 0 15px; background:rgba(85,95,50,0.5); margin-bottom:30px; width:64%; margin-right:3%; float:left;} .contenedor_dinosaurios .foto {float:right; width:33%;} .contenedor_dinosaurios p {color:#E8E7BE; font-size: 16px; padding: 0 0 15px 0; line-height: 18px;} .contenedor_dinosaurios p.subtitulo {margin-top:15px; margin-bottom:15px;} .contenedor_dinosaurios .step_num {color:#CA9E19; font-weight: bold; font-size:42px; float: left; width: 15%; line-height: 1;} .contenedor_dinosaurios .step_txt {color:#E8E7BE; font-size:14px; float:left; width:85%; padding-right:14%; line-height: 18px;} .contenedor_dinosaurios .step_txt .botones_apps {display: block; float: left; width:90%; padding:10px 0 0 0;} .contenedor_dinosaurios .step_txt .botones_apps img {width:100%;} .contenedor_dinosaurios .step_txt .botones_apps:hover img { filter:brightness(1.2);} .contenedor_dinosaurios .tablet {margin-top:-50px;} .contenedor_dinosaurios .tapas {text-align: center; position: relative; z-index: 1; margin:60px 0 30px 0;} .contenedor_dinosaurios .tapas .ver_tomo {text-decoration: none; text-align: center; margin:0 auto; display: block; width:100%;font-weight: bold; font-size: 14px;} .contenedor_dinosaurios .tapas .ver_tomo img {margin:0 auto;} .contenedor_dinosaurios .tapas .ver_tomo:hover {filter:brightness(1.2);} .contenedor_dinosaurios .tapas .descripcion {margin:10px 0 0 0; font-weight: bold;} .contenedor_dinosaurios .cuadro_amarillo {background:#CA9E19; position:absolute; height:200px; width:100%; z-index:0; bottom:0; left:0;} /**********************************************/ /******** ======= IDIOMAS ====== *********/ /**********************************************/ /*LANDING*/ .cabezera_idiomas {width:100%; margin:0 0 60px 0;} .cabezera_idiomas img {width:100%;} .wrapper-cursos {background:#E4E4E4; height:353px; margin-bottom:60px;} .imagen-cursos {float:left; margin:-48px 0 0 -24px;} .descripcion-cursos {margin:0 0 40px 360px; padding:20px 45px 0 0;} .descripcion-cursos p {padding-bottom:10px; font-size:13px;} .cont_unidades {display:none; position:absolute; bottom:20px; right:10px; width:305px; border:2px solid #e4e4e4; background:white; padding:0 10px; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,1); z-index:99999;} .cont_unidades.shown {display:block;} .cont_unidades p {font-size:14px; color:#484848; padding:0 0 10px 0; line-height:1; } .cont_unidades .cerrar {float:right; margin:2px -6px 0 0; color:red; font-size:15px; font-weight:bold; cursor:pointer;} .cont_unidades .unidades {float:left; width:20%; text-decoration:none; position:relative;} .cont_unidades .unidades span { color:#ed1c24; font-weight:bold; position:absolute; top:15%; left:30%; width:100%; font-size:50px; line-height:1;} .cont_unidades .unidades img {max-width:100%;} .cont_unidades .unidades:hover > img {filter:brightness(1.1);} .cont_unidades .unidades:hover > span {filter:brightness(1.1);} /*MENU*/ .menu_nav {float:left; width:31%; background:#E6E7E9; height:auto; box-shadow:15px 15px 10px -9px rgba(0,0,0,0.35); z-index:100; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; padding:305px 0 0 0; transition:ease-in-out 0.3s padding; -webkit-transition:ease-in-out 0.3s padding; -moz-transition:ease-in-out 0.3s padding;} .menu_nav * { box-sizing:border-box; -webkit-box-sizing:border-box;} .menu_nav a:visited, .menu_nav a:active {outline:none;} .menu_nav a, .menu_nav img {border:none;} .menu_nav .nombre_curso {font-size:24px; height:100px; line-height:100px; padding:0 0 0 40px; background:url('idiomas/img/point_red.png') no-repeat 18px center; position:absolute; top:0px; width:100%; transition:ease-in-out 0.3s all; -webkit-transition:ease-in-out 0.3s all; -moz-transition:ease-in-out 0.3s all;} /*Video*/ .menu_nav .play_video {height:190px; width:100%; margin-bottom:15px; cursor:pointer; position:absolute; top:100px; transition:ease-in-out 0.3s all; -webkit-transition:ease-in-out 0.3s all; -moz-transition:ease-in-out 0.3s all;} .menu_nav .play_video .video {height:190px; width:100%;} .menu_nav .scrollable {position:relative; width:100%; height:248px; overflow:hidden; transition:ease-in-out 0.3s all; -webkit-transition:ease-in-out 0.3s all; -moz-transition:ease-in-out 0.3s all;} /*Unidades*/ .menu_nav .unidades {list-style:none; padding:0; margin:0 0 30px 0; overflow:hidden;} .menu_nav .unidades li {width:100%; padding:5px 10px 5px 40px; line-height:26px; background:url('idiomas/img/point.png') no-repeat 20px 15px #E6E7E9; transition:ease-in-out 0.3s all; -webkit-transition:ease-in-out 0.3s all; -moz-transition:ease-in-out 0.3s all; height:36px; } .menu_nav .unidades li:hover {background-color:#FCB040!important; height:62px;} .menu_nav .unidades li:nth-child(even) {background-color:#D2D3D5;} .menu_nav .unidades li a {text-decoration:none;} .menu_nav .unidades li .nro_unidad {display:block; text-transform:uppercase; color:#484848; font-weight:bold; font-size:14px;} .menu_nav .unidades li .nombre_unidad {display:none; line-height:13px; font-size:12px; color:#484848;} .menu_nav .unidades li.active {background-color:#FCB040; height:62px;} .menu_nav .unidades li.active .nombre_unidad {display:block;} .menu_nav .unidades li:hover .nombre_unidad {display:block;} /*Menu Fixed*/ .menu_nav.fixed {position:fixed; top:0; z-index:999999; width:300px; padding:240px 0 0 0;} .menu_nav.fixed .nombre_curso {height:50px; line-height:50px;} .menu_nav.fixed .play_video {top:50px;} /*Fixed and in bottom*/ .menu_nav.fixed.bottom {padding:242px 0 0 0;} .menu_nav.fixed.bottom .scrollable {height:0px;} /*Traductor*/ .boton-traductor {background:#f1622e url('idiomas/img/mundito.png') no-repeat 4% center / auto 64%; color:#fff; position:absolute; left:0; bottom:-30px; text-align:center; width:100%; font-size:15px; font-weight:bold; height:30px; line-height:30px; box-shadow:5px 5px 15px rgba(0,0,0,0.4); cursor:pointer;} .boton-traductor:hover {filter:brightness(1.1); -webkit-filter:brightness(1.1);} .boton-traductor:active {box-shadow:none;} .traductor {width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999999; display:none;} .traductor.shown {display:block;} .traductor .frame-traductor {width:40%; height:465px; position:relative; margin:0 auto; z-index:9999; top:20%; left:0; border:3px solid #f1622e; display:block; background:#fff;} .traductor .sombra {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-9999; background:rgba(0,0,0,0.65);} .traductor .close {background:#fff; color:#f1622e; border-radius:50%; height:25px; width:25px; font-weight:bold; text-align:center; line-height:25px; font-size:21px; border:3px solid #f1622e; position:absolute; top:19%; right:29%; z-index:9999999; cursor:pointer;} .traductor .close:hover {background:#f1622e; color:#fff} @media (max-width:1300px) {.traductor .frame-traductor {width:50%;}.traductor .close {right:23%;}} /*IDIOMAS CONTENIDO*/ .idiomas {float:right; width:69%; z-index:0; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; padding:130px 30px 30px 30px; font-size:14px; line-height:17px; overflow:hidden; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} /*GENERAL*/ .idiomas * { box-sizing:border-box; -webkit-box-sizing:border-box;} .idiomas a {border:none; outline:none; color:#EE1C25; text-decoration:underline;} .idiomas a:hover {text-decoration:none;} .idiomas a:visited, .idiomas a:active, .idiomas a:focus {outline:none;} .idiomas ul, .idiomas li {font-size:14px;} .idiomas .oculto {display:none;} .idiomas.italiano .NormalGreen { color:#008D46;} .idiomas.italiano .NormalBoldGreen { color:#008D46; font-weight: bold; } .idiomas .NormalRed { color: #ED1C24;} .idiomas .NormalBoldRed { color: #ED1C24; font-weight: bold; } /*UNIDAD*/ .idiomas .unidad {font-size:36px; color:white; font-weight:bold; height:100px; line-height:40px; text-transform:uppercase; padding:5px 5px 0 180px; width:100%; position:absolute; top:0; left:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; overflow:hidden; background-color:#414143;} .idiomas .unidad span {text-transform:none; font-style:italic; font-weight:normal; display:block; font-size:14px!important; line-height:15px!important;} .idiomas .unidad span a {color:white; text-decoration:none;} .idiomas .unidad span a:hover {color:#E6E7E9;} .idiomas .unidad span:before {width:11px; height:16px; background:url('idiomas/img/arrow.png') no-repeat; display:block; content:""; position:absolute; top:17px; left:162px; } .idiomas.ingles .unidad {background:url('idiomas/img/flag_ingles.png') no-repeat left top #414143;} .idiomas.aleman .unidad {background:url('idiomas/img/flag_aleman.png') no-repeat left top #414143;} .idiomas.frances .unidad {background:url('idiomas/img/flag_frances.png') no-repeat left top #414143;} .idiomas.portugues .unidad {background:url('idiomas/img/flag_portugues.png') no-repeat left top #414143;} .idiomas.italiano .unidad {background:url('idiomas/img/flag_italiano.png') no-repeat left top #414143;} .idiomas.ruso .unidad {background:url('idiomas/img/flag_ruso.png') no-repeat left top #414143;} .idiomas.chino .unidad {background:url('idiomas/img/flag_chino.png') no-repeat left top #414143;} .idiomas.arabe .unidad {background:url('idiomas/img/flag_arabe.png') no-repeat left top #414143;} .idiomas.portugues-br .unidad {background:url('idiomas/img/flag_portugues-br.png') no-repeat left top #414143;} /*TEXTO*/ .idiomas .tema {font-size:21px; line-height:23px; color:#EE1C25; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding-top:30px;} .idiomas .subtitulo {font-weight:bold; font-size:15px; line-height:16px; padding-top:30px;} .idiomas p {padding:0 0 15px 0; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:17px;} .idiomas strong, .idiomas b {font-weight:bold;} .idiomas.ingles .tema {color:#DD0035;} .idiomas.ingles .color {color:#DD0035;} .idiomas.ingles .NormalRed {color:#DD0035;} .idiomas.portugues .tema {color:#CE1126;} .idiomas.portugues .NormalRed {color:#CE1126;} /*DESTACADO*/ .idiomas .destacado {padding:15px; font-weight:bold; background:#E6E7E9; position:relative; display:block; width:100%; margin:0 0 15px 0; border:1px solid #414143;} .idiomas.ingles .destrojo { background:#DD0035; padding:3% 3% 1% 3%; color:#FFF;} .idiomas.ingles [class*="dest"] p {color:#FFF; font-size:13px} .idiomas.ingles .destazul { background:#182451; padding:3% 3% 1% 3%; color:#FFF;} /*TABLA*/ .idiomas .tabla {background:#E6E7E9; margin:0 0 15px 0;} .idiomas .tabla tr th {text-align:center; padding:7px 10px; font-weight:bold; font-size:14px; background:#D2D3D5; text-transform:uppercase; border-style:solid; border-color:white; border-width:0 2px 4px 2px;} .idiomas .tabla tr td {text-align:center; padding:7px 10px; border-left:2px solid white; border-right:2px solid white; font-size:14px;} .idiomas .tabla tr td img {width:100%;} .idiomas .tabla td.p {padding:0 0 0 7px;} /*LISTA*/ .idiomas .lista { list-style:none; padding:0 0 15px 15px; margin:0; font-size:14px;} .idiomas .lista.horizontal li {font-size:14px;} .idiomas .lista.horizontal li {display:inline-block; margin:0 30px 0 0;} /*INPUTS*/ .idiomas fieldset {border:none; padding:0;} .idiomas input, .idiomas textarea {border:none; border-bottom:1px solid #ee1c25; margin:0 3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ee1c25; padding:3px 5px 0px 5px; outline:none; font-size:13px; line-height:17px; background:none;} .idiomas input:focus, .idiomas textarea:focus {outline:none;} .idiomas textarea {border:1px solid #ee1c25; resize:none; width:100%; margin:0px;} .idiomas .boton_respuestas {border-radius:0px; border:none; background:#FCB040; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#484848; padding:5px 7px; cursor:pointer; margin:0 0 0 0; font-weight:bold;} .idiomas .boton_respuestas:hover {color:white;} .idiomas .respuestas {border:2px solid #FCB040; padding:15px 15px 0 15px; margin:0 0 0 0; } .idiomas.ingles input, .idiomas.ingles textarea {color:#DD0035; border-color:#DD0035;} /*COLUMNAS*/ .idiomas .col-1-2 {float:left; width:50%; display:inline-block;} .idiomas .col-1-3 {float:left; width:33%; display:inline-block;} .idiomas .col-2-3 {float:left; width:66%; display:inline-block;} .idiomas .col-1-4 {float:left; width:25%; display:inline-block;} .idiomas .col-3-4 {float:left; width:75%; display:inline-block;} /*IMAGENES*/ .idiomas img {max-width:100%; display:block; border:none; margin:15px 0; padding:0;} .idiomas .epigrafe {font-style:italic; color:#6d6e70; font-weight:bold; font-size:10px; width:100%; padding:4px 30px; text-align:center; line-height:10px; display:block; margin-bottom:15px; margin-top:-10px;} /*RELACIONADOS*/ .title_related {width:300px; background:#FCB040; height:30px; line-height:30px; font-size:16px; font-weight:bold; float:left; clear:both; padding:0 15px; margin:30px 0 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:10px 10px 10px -4px rgba(0,0,0,0.20);} .footer_related {position:relative; width:100%; margin:15px 0 0 0; float:left; clear:both; padding:0;} .footer_related li { list-style:none; display:inline-block; padding:0; margin:0; float:left;} .footer_related li img {width:80%; transition:ease-in-out 0.25s all; -webkit-transition:ease-in-out 0.25s all; -moz-transition:ease-in-out 0.25s all;} .footer_related li a:hover > img { transform:scale(1.2,1.2);} .footer_related li a {display:block; width:100%; text-align:center;} /*PORTADA*/ .portada_unidad {margin-top:60px;} .portada_unidad img {width:100%; max-width:970px;} .portada_unidad .epigrafe_portada {text-align:center; font-style:italic; font-size:14px; margin-top:5px;} /*ESTILOS EXTRA*/ .idiomas.ingles .notaizquierda {background:#1D1F29; color:#FFF; width:10%; float:left; text-align:center; position:absolute; bottom:0px; top:0px; margin:auto; padding-top:2%} .idiomas.ingles .notaderecha {width:90%; float:right; padding:2%; background: #EBECF1} .idiomas.frances .destrojo { background:#002F66; padding:3% 3% 1% 3%; color:#FFF;} .idiomas.frances .destazul { background:#EF4135; padding:3% 3% 1% 3%; color:#FFF;} .idiomas.frances .notaizquierda {background:#1D1F29; color:#FFF; width:5%; float:left; text-align:center; position:absolute; bottom:0px; top:0px; margin:auto; padding-top:2%} .idiomas.frances .notaderecha {width:95%; float:right; padding:2%; background: #EBECF1} .idiomas.ingles .dialogo {background:#F2F3F4; border:2px solid #182451; padding:3% 5%} .idiomas.ingles .dialogo p{padding:2% 0} .idiomas.portugues-br .nota{background-color: #F1F1F1; width: 100%; padding: 15px; margin-bottom: 15px; border:1px solid #DFD5D5; border-left: 5px solid #009C3B} .idiomas.portugues-br .tverde {color:#005E27} .idiomas.portugues-br .tverdeb {color:#005E27; font-weight:bold; font-size:13px} .idiomas.portugues-br .dialogo1 {float:left; width:15%} .idiomas.portugues-br .dialogo2 {float:left; width:85%} .idiomas.portugues-br .nota p {padding-bottom:5px} .idiomas.frances .bnota {padding:2%; background: #EBECF1; border-left:6px solid #002f66} .idiomas.italiano .nota {padding:2%; background: #EBECF1; border-left:6px solid #008D46} /*LINKS EJEMPLO PARA VIDEO*/ .menu_nav .item-externo {display:block; background:#414143; padding:7px 10px;} .menu_nav .item-externo a {color:white; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; width:100%;} .menu_nav .item-externo:hover {background:#FCB040;} .menu_nav .item-externo:hover a {color:#414143;} /**********************************************/ /********** ENCICLOPEDIAS PAISES *********/ /**********************************************/ #contenedor.contenedor_encic_shelfs {padding:0 1.5% 30px 1.5%; box-sizing:border-box;} .shelf {float:left; border-bottom:1px solid #ccc; margin:0 0 15px 0; padding:0 0 15px 0; font-size:12px; width:100%;} .shelf .imagen_encic {float:left; width:41%;} .shelf .imagen_encic img {max-width:95%; display:block;} .shelf .contenido_encic {float:left; width:59%;} .shelf .contenido_encic .titulo {color:#ed1c24; font-size:16px; font-weight:bold; padding:0 0 15px 0;} .shelf .contenido_encic .subtitulo {color:#4D4D4F; font-size:12px; font-weight:bold; padding:0 0 5px 0;} .shelf .contenido_encic .sinopsis {color:#4D4D4F; font-size:12px; line-height:1.1;} .shelf .contenido_encic .nombre_tomo {color:#4D4D4F; font-size:12px; font-style:italic; text-decoration:none;} /*Links*/ .shelf .abrir_pdf {padding:0 0 2px 0; font-size:12px;} .shelf .abrir_pdf a {font-size:11px; color:#ED1C24; font-weight:normal; text-decoration:none;} .shelf .abrir_pdf a:hover {color:#111111;} /**********************************************/ /************ LA BIBLIA ************/ /**********************************************/ .biblia {} .biblia .header {display:block; width:100%;} .biblia .intro {padding:5px 3% 15px 3%; font-size:16px; line-height:21px; text-align:center; font-weight:bold; color:#000;} .biblia .fondo_cielo {background:url('obras_religiosas/img/cielo.jpg') repeat-y; background-size:100% auto; padding:30px 4%; min-height:500px;} .biblia h2 {margin:0; padding:15px 0 30px 0; line-height:1; font-size:22px; font-weight:bold; clear:both; text-align:center; color:#000;} .biblia h2 img {width:20px; margin:0 5px -2px 0;} .biblia .linea {height:2px; width:98%; background:#708A9B; clear:both; margin:15px auto;} .biblia .flex {justify-content:center;} .biblia .boton_biblia {width:auto; margin:0 1% 30px 1%; text-align:center; height:auto; padding:8px 16px; box-shadow:5px 5px 5px rgba(0,0,0,0.5); transition:all 0.3s ease; } .biblia .boton_biblia:hover {filter:brightness(1.1); box-shadow:5px 5px 5px rgba(0,0,0,0.7)} .biblia .boton_biblia a {text-decoration:none; color:white; font-family: 'malbeckregular'; font-size:42px; width:100%; height:100%; line-height:1; display:block; transition:all 0.3s ease;} .biblia .libros_container {width:100%; margin:0 auto; position:relative;} .biblia .libro {width:24%; margin:0 0.5% 0 0.5%; text-align:center;} .biblia .tapa img {max-width:100%; display:block; margin:0 auto 0 auto; width:180px; max-height:268px;} .biblia .titulo {font-family: 'malbeckregular'; font-size:36px; line-height:0.8; margin-bottom:10px;} .biblia .tomos {margin:0; padding:0; margin:0;} .biblia .tomos li {list-style:none; width:100%; text-align:center; margin:0 0 4px 0; } .biblia .tomos li a {text-decoration:none; color:#444E51; background:white; font-family: 'malbeckregular'; font-size:24px; line-height:0.8; display:block; transition:all 0.3s ease; padding:5px 3px;} .biblia .tomos li a:hover {color:white; background:#444E51;} /*Colores*/ .biblia .fondo_antiguo {background-color:#B0C136;} .biblia .fondo_nuevo {background-color:#BC8B2D;} .biblia .fondo_deute {background-color:#708A9B;} .biblia .color_antiguo {color:#B0C136;} .biblia .color_antiguo2 {color:#8E9738;} .biblia .color_nuevo {color:#BC8B2D;} .biblia .color_nuevo2 {color:#906327;} .biblia .color_deute {color:#708A9B;} .biblia .color_deute2 {color:#49616E;} /*Escrituras*/ .biblia .titulo_biblia {height:62px; line-height:62px; padding:0 3%; width:auto; display:inline-block; float:left; margin-bottom:30px; color:white; font-family: 'malbeckregular'; font-size:46px; background-image:url('biblia/img/nubes1.png');} .biblia .titulo_biblia a {text-decoration:none; color:white;} .biblia .titulo_escritura {height:40px; line-height:40px; padding:0 3%; width:auto; display:inline-block; float:left; margin:11px 0 0 10px; background-color:white; font-family: 'malbeckregular'; font-size:32px;} .biblia .lista_escrituras {padding:0; margin:0; display:flex; flex-wrap:wrap; flex-direction:row; clear:both;} .biblia .lista_escrituras li {padding:0; margin:0 1% 7px 0; width:32.333%; list-style:none; height:40px;} .biblia .lista_escrituras li a {text-decoration:none; background:white; line-height:40px; text-align:center; display:block; width:100%; color:inherit; font-family: 'malbeckregular'; font-size:32px;} .biblia .lista_escrituras.color_antiguo li a:hover {background:#B0C136; color:white;} .biblia .lista_escrituras.color_nuevo li a:hover {background:#BC8B2D; color:white;} .biblia .lista_escrituras.color_deute li a:hover {background:#708A9B; color:white;} /*Volvers*/ .biblia .volver_inicio {float:right; text-decoration:none; font-family: 'malbeckregular'; font-size:22px; margin-right:1%; margin-top:45px;} .biblia .volver_inicio span {font-family:'Trebuchet MS',sans-serif; float:left; margin:2px 3px 0 0;} /*Capitulos*/ .biblia .lista_capitulos {padding:0; margin:0; display:flex; flex-wrap:wrap; flex-direction:row; clear:both;} .biblia .lista_capitulos li {list-style:none; width:49%; margin:0 1% 8px 0;} .biblia .lista_capitulos li .titulo_capitulo {width:29%; margin-right:1%; float:left; background:white; height:40px; box-sizing:border-box; line-height:40px; font-family: 'malbeckregular'; font-size:30px; text-align:center;} /*Custom player*/ .biblia .lista_capitulos li .player {width:70%; float:left;} .biblia .lista_capitulos li .player.deute {background-color:#849EAF;} .biblia .lista_capitulos li .player.deute .slider .gap-progress .pin {background-color:#49616E} .biblia .lista_capitulos li .player.deute .slider .gap-progress {background-color:#49616E} .biblia .lista_capitulos li .player.antiguo {background-color:#B0C136;} .biblia .lista_capitulos li .player.antiguo .slider .gap-progress .pin {background-color:#8E9738} .biblia .lista_capitulos li .player.antiguo .slider .gap-progress {background-color:#8E9738} .biblia .lista_capitulos li .player.nuevo {background-color:#BC8B2D;} .biblia .lista_capitulos li .player.nuevo .slider .gap-progress .pin {background-color:#906327} .biblia .lista_capitulos li .player.nuevo .slider .gap-progress {background-color:#906327} /***********************************************************/ /***********************************************************/ /************* RESPONSIVENESS **************/ /***********************************************************/ /***********************************************************/ @media (max-width:1280px) { body.wide .wrapper {width:970px;} body.wide .menu_nuevo > li > a {padding:0 12px; font-size:14px;} } @media (max-width:1023px) { body.wide .wrapper {width:770px;} .wrapper {width:770px;} .flip_frame {height:600px;} .boton_packs {right:300px; top:2px;} /*Menu*/ .menu_nuevo {} .menu_nuevo > li > a {font-size:12px; padding:0 8px;} body.wide .menu_nuevo > li > a {font-size:12px; padding:0 6px;} .menu_nuevo li ul.submenu_nuevo {padding:10px 0;} .menu_nuevo li ul.submenu_nuevo li {padding:5px 3px 5px 10px; width:115px;} .menu_nuevo li ul.submenu_nuevo li a {font-size:11px;} .menu_nuevo li ul.submenu_nuevo.encolumnado {width:724px;} /*Articulos destacados*/ .articulo_ficha {} .contenido_articulo {width:100%;} .articulo_ficha .tituloart {font-size:16px; font-family:Trebuchet MS, sans-serif; font-weight:bold; line-height:1.1;} /*IDIOMAS*/ .descripcion-cursos {padding:15px 15px 0 0; margin:0 0 15px 350px;} /*Menu*/ .menu_nav {padding:275px 0 0 0} .menu_nav .nombre_curso {font-size:18px;} .menu_nav .play_video {height:160px;} .menu_nav .play_video .video {height:160px;} .menu_nav.fixed {width:238px; padding:210px 0 0 0;} /*Menu Fixed and in bottom*/ .menu_nav.fixed.bottom {padding:210px 0 0 0;} /*contenido*/ .idiomas .unidad span a {font-size:13px;} /*traductor*/ .traductor .frame-traductor {width:70%;} .traductor .close {right:13%;} /*Ventajas*/ .contenedorVentajas #imagenes_3 {margin-top:-260px;} /*Instructivo*/ .contenedorInstructivo {width:80%;} /*Cursos de educacion y formacion*/ .header_cursos {background-size:100%; height:127px;} .header_cursos .botones_top {padding-top:15px;} /*Enciclopedia Aumentada*/ .contenedor_encicaumentada .tapas {padding:0 10%;} .contenedor_encicaumentada .tapas .col-1-4 {width:50%; display: inline; margin-bottom:50px;} /*Enciclopedia Dinosaurios*/ .contenedor_dinosaurios .step_txt {padding:0 2%;} .contenedor_dinosaurios .tapas {margin:30px 0 0 0;} .contenedor_dinosaurios .tapas .col-1-3 {width:100%; margin-bottom:60px;} /*Enciclopedias shelfs*/ .shelf .contenido_encic .titulo {font-size:14px; padding:0 0 10px 0;} /*Biblia*/ .biblia .lista_capitulos li .titulo_capitulo {width:50%; } .biblia .lista_capitulos li .player {width:95%;} } @media (max-width:815px) { body.wide .wrapper {width:480px;} .wrapper {width:480px;} .flip_frame {height:400px;} /*Header*/ .boton_packs {display:none;} .login_top {top:6px;} .login_top > iframe {width:240px;} /*Menu*/ .menu_nuevo {height:70px;} .menu_nuevo > li {line-height:35px; z-index:auto;} .menu_nuevo > li > a {padding:0 14px;} body.wide .menu_nuevo > li > a {padding:0 13px;} .menu_nuevo li ul.submenu_nuevo {top:35px;} .menu_nuevo li ul.submenu_nuevo.encolumnado {width:362px;} /*Menu de categorias*/ .menu_categorias {width:100%; padding:0;} .menu_categorias ul li {width:50%; float:left;} .contenido {width:100%;} /*Articulos destacados*/ .contenedor_cuadros_articulos {margin:-10px -0.5% 0 -1%;} .categoria .titulo-categoria span {font-size:14px;} .articulo_ficha {width:47.65%} .wrapper_articulos h3 {line-height:1.1; font-size: 19px;} /*Escuelas*/ .contEscuelas .page th {font-size:14px;} .contEscuelas .page tbody td img {width:40px} .contEscuelas .page tbody td {font-size:13px; padding:1px;} /*Recursos online*/ .recursos_online ul.lista_cat li {width:100%;} /*Bullying*/ .contenedorBullying .titulo {max-width:100%;} .contenedorBullying ul li {width:49%;} /*Ventajas*/ .contenedorVentajas .emboltorio {padding:0 10px;} .tituloVentajas {font-size: 18px; line-height: 22px; padding-bottom: 15px;} ul.ventajas li {font-size: 12px; line-height: 14px; background-size: 14px; background-position: left 0; padding: 0 0 0 20px;} .contenedorVentajas #imagenes_3 {margin-top:-115px;} #videoVentajas {height:260px;} /*Instructivo*/ .contenedorInstructivo {width:80%;} .contenedorInstructivo .texto {font-size:14px;} /*Faq*/ #accordion {border-radius:0px; border-color:#E6E7E8; width:97%; margin:0 auto;} /*IDIOMAS*/ .wrapper-cursos {height:560px; position:relative;} .imagen-cursos {margin:-48px 0 30px -23px; position:absolute;} .descripcion-cursos {padding:15px; margin:225px 0 0 0; display:inline-block; position:relative; background:#e4e4e4;} .cont_unidades {bottom:40px;} .bx-wrapper {clear:both; margin:0!important;} /*menu*/ .menu_nav {width:100%; padding:220px 0 0 0; margin-bottom:50px; box-shadow:none;} .menu_nav .nombre_curso {height:50px; line-height:50px;} .menu_nav .play_video {top:50px;} .menu_nav.fixed {position:relative; width:100%;} /*contenido*/ .idiomas {width:100%; padding:15px 3%;} .idiomas .unidad {font-size:28px; line-height:30px; padding-left:170px;} .idiomas .unidad span {font-size:13px!important;} .idiomas .unidad span::before {top:12px; left:156px;} /*traductor*/ .traductor .frame-traductor {width:80%;} .traductor .close {right:7%;} /*Enciclopedia Aumentada*/ .contenedor_encicaumentada .tapas {padding:0 5%;} .contenedor_encicaumentada .col-1-4 {width:50%; display: inline; margin-bottom:20px;} .contenedor_encicaumentada .foto {width:26%} /*Enciclopedia Dinosaurios*/ .contenedor_dinosaurios .col-1-4 {width:50%; display: inline; margin-bottom: 20px;} .contenedor_dinosaurios .tablet {margin-top:0;} .contenedor_dinosaurios p {font-size:14px;} /*Revisteros*/ #contenedor_revistero {width:96%; margin:0 2%; padding:10px;} #contenedor_revistero .interna #colDerecha h3 {font-size:14px;} #contenedor_revistero .interna #colDerecha p {font-size:13px;} #contenedor_revistero .ediciones-anteriores h3 {font-size:14px;} #contenedor_revistero .ediciones-anteriores .lista ul li {width:30.3333%;} /*Evaluaciones literarias*/ .contenedor_cuestionarios .texto-intro {padding:10px 0 20px 0; text-align:center;} /*Biblia*/ .biblia .fondo_cielo {padding:30px 3%;} .biblia .intro {padding:5px 0 15px 0;} .biblia .intro br {display:none;} .biblia .lista_capitulos li {width:100%; } .biblia .lista_capitulos li .player {width:100%;} .biblia .volver_inicio {margin-top:8px; margin-bottom:8px;} .biblia .titulo_biblia {width:100%; box-sizing:border-box; font-size:40px; height:55px; line-height:55px; text-align:center; margin-bottom:5px;} .biblia .titulo_escritura {margin:0 0 30px 0;} .biblia .boton_biblia {width:100%; margin:0 0 15px 0;} .biblia .boton_biblia a {font-size:36px; } .biblia .libro {width:48%; margin:0 1% 30px 1%;} .biblia .lista_escrituras li:nth-child(odd) {width:49%; margin-right:2%;} .biblia .lista_escrituras li:nth-child(even) {width:49%; margin-right:0;} } @media (max-width:525px) { body.wide .wrapper {width:100%;} .wrapper {width:100%;} .flip_frame {height:300px;} /*Header*/ .cabecera_top {height:69px; box-sizing:border-box; padding:0 1.5%;} .logo_top {width:50%; min-width:190px;} .boton_packs {display:block; right:0; top:0;} .login_top {top:36px;} #boton-entrar {padding:4px 10px 3px 10px;} /*Menu*/ .menu_nuevo {display:none;} .boton_menu_movil {display:block; background:url('https://elbibliote.com/includes/images/menu_mobile.png') no-repeat 1.5% center #EE1C25; background-size:16px; color:white; font-family:"Trebuchet MS", sans-serif; font-size:16px; font-weight:bold; width:100%; border:none; margin:0; height:36px; line-height:36px; text-align:left; padding:0 0 0 32px; cursor:pointer; box-sizing:border-box;} .menu_movil * {text-decoration:none;} .menu_movil {display:block; background:url('https://elbibliote.com/includes/images/bg_pattern.png'); padding:0 10px 10px 10px; position:fixed; top:0; width:70vw; margin:0; box-shadow:3px 4px 4px rgba(0,0,0,0.3); overflow:auto; height:100vh; z-index:999;transform:translateX(0); transition:0.3s ease all; box-sizing:border-box;} .menu_movil.closed {transform:translateX(-72vw);} .menu_movil > li {margin:5px 0 0 0; list-style:none; font-size:15px;} .menu_movil > li:first-child {margin-top:10px;} .menu_movil li a {color:#343433; font-weight:bold;text-transform: uppercase;} .menu_movil li a:active {color:#EE1C25;} .menu_movil li a:hover {color:#EE1C25;} .menu_movil li .expandible {color:#343433; font-weight:bold; cursor:pointer;text-transform: uppercase;margin-bottom: 7px;display: block;} .menu_movil li ul.submenu_movil {padding:0px 0 0px 7px; border-left: 3px solid #ee1c25;margin: 0 0 7px 0;} .menu_movil li ul.submenu_movil li {display:block; width:100%; padding:4px 0 4px 0px; list-style:disc; line-height:1.1; font-size:13px;margin: 0;font-weight: bold;} .menu_movil li ul.submenu_movil li a {font-weight:normal; color: #ee1c25;} .frame_busqueda .form_busqueda .campo_busqueda {font-size:15px;} .boton_lupa_movil {padding:6px 0 0 0; position:absolute; top:0; right:1.5%; display:block; z-index:99; cursor:pointer;} .boton_lupa_movil img {width:24px;} .sombra_menu_movil {background:rgba(0,0,0,0.5); width:100%; height:100vh; position:fixed; z-index:998; top:0; left:0; display:none;} .sombra_menu_movil.show {display:block;} /*Footer*/ #footer .redes {position:relative; top:unset; right:unset; margin:0 auto 8px auto;} #footer p {padding:0 0 7px 0; line-height:1.4;} #footer p b {display:block;} #footer p .sep {display:none;} #footer p .tel {display:block;} #footer p.title {padding-bottom:8px;} /*Articulos destacados*/ .contenedor_cuadros_articulos {margin:-10px 0 0 0;} .categoria {width:48%;} .articulo_ficha {width:100%; margin-left:0.2%; margin-right:0px; padding:3% 3% 20px 3%;} .ppal_articulo {width: 100%; float:none;} .columna_articulo {display: none;} /*Historias*/ .link_historia {width:100%; float:none;} /*Instructivo*/ .contenedorInstructivo {} .contenedorInstructivo .titulo {font-size:13px;} .contenedorInstructivo .texto {font-size:12px;} .contenedorInstructivo .captura img {margin-top:0!important;} /*Recursos online*/ .recursos_online ul.lista_rcs li .img_rcs {width:100%; border:none;} .recursos_online ul.lista_rcs li .des_rcs {width:100%; padding:8px 0;} .recursos_online ul.lista_rcs li .des_rcs .link_rcs {margin:10px auto 0 auto;} .recursos_online ul.lista_cat li {height: 250px;} /*Bullying*/ .contenedorBullying {padding:0 30px;} .contenedorBullying ul li {width:100%;} .contenedorBullying .titulo {margin:30px 0 20px 0px} .contenedorBullying ul {width:80%; margin:0 auto 30px auto; } /*VENTAJAS*/ ul.ventajas1, ul.ventajas2, ul.ventajas3 {width:100%; padding: 0; margin: 0;} .contenedorVentajas #imagenes_1 {margin:0;} .tituloVentajas.icono-economicas {margin-top:0;} ul.ventajas4, ul.ventajas25, ul.ventajas6, .ventajas7 {padding: 0;} .tituloVentajas.icono-familias {margin:0 0 30px 0; padding: 30px 0 15px 0; font-size: 15px;} ul.ventajas li {background-size: 10px; padding: 0 0 0 14px; background-position: left 3px;} .ventajas.ventajas7 {padding:0;} .contenedorVentajas #imagenes_3 {margin-top: 0;} .tituloVentajas.icono-empresas {padding: 30px 0 15px 0; font-size: 14px;} /*IDIOMAS*/ .wrapper-cursos {height:550px; position:relative;} .imagen-cursos {margin:-40px 0 30px -5.5%; position:absolute; width:90%;} .descripcion-cursos {padding:15px; margin:150px 0 0 0; display:inline-block; position:relative; background:#e4e4e4;} .bx-wrapper {clear:both; margin:0!important;} /*contenido*/ .idiomas {padding-top:150px;} .idiomas .unidad {background:#414143!important; padding:5px 3% 5px 3%; height:150px;} .idiomas .unidad span {font-size:14px!important; line-height:26px!important;} .idiomas .unidad span:before {display:none;} .idiomas .tabla tr td {font-size:13px; padding:4px; border-right-width:1px; border-left-width:1px;} .idiomas .tabla tr th {font-size:13px; padding:4px; border-width:0 1px 2px 1px;} /*ENCICLOPEDIA AUMENTADA*/ .contenedor_encicaumentada p {font-size: 14px;} .contenedor_encicaumentada .step_num {font-size: 30px;} .contenedor_encicaumentada .step_txt {padding-right:0;} .contenedor_encicaumentada .tapas {padding:0; margin:15px 0 0 0;} .contenedor_encicaumentada .tapas .col-1-4 {width:100%;} .contenedor_encicaumentada .col-1-3 {width:100%; margin-bottom: 5px;} .contenedor_encicaumentada .cuadro {width:100%; margin-bottom:0;} .contenedor_encicaumentada .foto {width:50%; margin-left:25%; margin-bottom:0; float:none;} /*ENCICLOPEDIA DINOSAURIOS*/ .contenedor_dinosaurios {background-repeat:repeat; background-size:100% auto;} .contenedor_dinosaurios .cuadro {margin-bottom:15px; width:100%; margin-right:0; float:none;} .contenedor_dinosaurios .foto {float:none; width:60%; margin-left:20%;} .contenedor_dinosaurios .step_num {font-size: 30px;} .contenedor_dinosaurios .step_txt {padding-right:0;} .contenedor_dinosaurios .tapas {padding:0;} .contenedor_dinosaurios .tablet {margin-top:-50px;} .contenedor_dinosaurios .col-1-4 {padding:0;} /*Enciclopedias shelfs*/ .shelf .imagen_encic {width:100%; margin-bottom:10px;} .shelf .imagen_encic img {max-width:100%; width:auto; margin:0 auto;} .shelf .contenido_encic {width:100%;} /*Evaluaciones literarias*/ .lista_cuestionarios li {height:auto; padding:7px 0 7px 40px; line-height:1.2;} .lista_cuestionarios li a {display:block; margin-top:5px;} .lista_cuestionarios li .guion {display:block; opacity:0; height:0;} /*Revisteros*/ #contenedor_revistero .interna #colIzquierda {width:90%; margin:0 5% 0 5%; border:none;} #contenedor_revistero .interna #colDerecha {width:90%; margin-left:5%; margin-right:5%; float:none;} #contenedor_revistero .ediciones-anteriores .lista ul li {width:47%;} /*Biblia*/ .biblia .lista_escrituras li:nth-child(odd) {width:100%; margin-right:0%;} .biblia .lista_escrituras li:nth-child(even) {width:100%; margin-right:0;} /*BUSQUEDA*/ .contenedor_busqueda {width:96%; margin:0 0 30px 2%;} .filtro {height:26px;} .filtro a {line-height:26px; padding:0 13px;} #filtro-vermas {height:26px; line-height:26px; padding:0 13px;} .contenedor_busqueda #cant {float:none; display:block; padding-top:10px;} .cuadro-result {padding:12px 3% 5px 3%;} .contenedor_busqueda a.resultado {margin:10px 0;} } @media (max-width:355px) { body.wide .wrapper {width:100%;} .wrapper {width:100%;} .flip_frame {height:280px;} #page.top_compacto {margin-top:0;} /*Header*/ .cabecera_top {padding:0 5px; box-sizing:border-box;} .boton_packs {right:5px; width:90px;} .login_top {right:5px;} /*Menu*/ .boton_menu_movil {background-position:5px center;} .menu_movil {margin-left:0px;} .boton_lupa_movil {right:3px; padding-top:5px;} }