/*
* site: lupadelcuento
* archivo CSS adicional (DTR)
*
*	Author: Tomás R.B. - DTR-Sistemas
*
* copyright 2013 · mws | diseño+desarrollo & DTR-Sistemas
*/


/* Ajustes
-------------------------------------------------------------------------- */
.textleft {
  text-align: left;
}
.textright {
  text-align: right;
}
.textcenter {
  text-align: center;
}
.bloque {
  display:block;
}
.enlinea {
  display:inline-block;
}
.bloqueOn {}
.bloqueOff {display:none;}

/* Paneles de Contenido tipo "entry": lista, etc
-------------------------------------------------------------------------- */
.lista {
  /*width: 810px;/*DTR:*/
  /*height: 520px;/**/
  min-height:420px;/*DTR:*/
  color:#333;
  line-height:1.6em;
  margin:0px 0px 5px 0px;
  padding:10px;
/*border: 1px dashed #f00;*/
}
.ie6 .lista {
  /*width:expression(document.body.clientWidth < 500 ? "500px" : (document.body.clientWidth > 1320 ? "1320px": "auto"));/**/
  height:expression(document.body.clientHeight < 520 ? "520px" : "auto");
}


/*DTR: IE hacks
-------------------------------------------------------------------------- */
/*--no-usar--html.ie6 *, html.ie7 *, html.ie8 *, html.ie9 * {behavior:url(iehack_pie.php);}/**/


/*DTR: Bloques de busqueda
-------------------------------------------------------------------------- */
div.filtro {
  margin:0;
  padding:0;
}
div.filtro div.form fieldset {
  /*border:0;/**/
  border: 1px solid #F25A07;/**/
  background: #8CC63E;/**/
  margin:2px auto;
  padding:0px 10px;
  font-size:0.85em;
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:   10px 10px 10px 10px;
  -ms-border-radius:    10px 10px 10px 10px;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     10px 10px 10px 10px;
  border-radius:        10px 10px 10px 10px;
}
div.filtro div.form fieldset legend {
  background: #eee;
  /*line-height: 1.5em;/**/
  color: #000;
  font-weight: bold;
  padding: 4px 8px;
  border: 1px solid #F25A07;
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:   10px 10px 10px 10px;
  -ms-border-radius:    10px 10px 10px 10px;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     10px 10px 10px 10px;
  border-radius:        10px 10px 10px 10px;
}

div.form span.iconoOn, div.form span.iconoOff
{
  display: inline-block;
  /*float: left;/**/
  /*margin-right: 5px;/**/
  margin:0 auto;/*que se centre*/
  text-indent: -9999px;
  height: 16px;
  width: 16px;
  cursor:pointer;
}
div.form span.iconoOn {  background: url("../ico/magnifier--plus.png") no-repeat scroll 0px 0px transparent; }
div.form span.iconoOff {  background: url("../ico/magnifier--minus.png") no-repeat scroll 0px 0px transparent; }

#FiltroBusquedaLeyenda {
  cursor:pointer;
}

div.filtro div.form label
{
  font-weight:normal;
  font-size:1em;
  width:12em;
}

/*DTR: Detalles para "links" Selectores
-------------------------------------------------------------------------- */
a.selector {
  text-decoration:none;
  padding:2px 3px;
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:   5px 5px 5px 5px;
  -ms-border-radius:    5px 5px 5px 5px;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     5px 5px 5px 5px;
  border-radius:        5px 5px 5px 5px;
  
  margin: 0.2em 0 0.2em 0;
  display:inline-block;
  /*border:1px solid #F25A07;/*Naranja original*/
  /*border:1px solid #C25A07;/*Naranja mas oscuro*/
  background: #8CC63E;/**/
  border:1px solid #8CC63E;
}
a.selector:focus {
  border-style: dotted;
  border-color: #C25A07;/*Naranja mas oscuro*/
}
a.selector:hover {
  background: #80E780;
  border-color: #80E780;
}
a.selector.activo {
  font-weight: bold;
  background: #D7E7D7;
  border-color: #D7E7D7;
}
a.selector.activo:focus {
  border-style: dotted;
  border-color: #C25A07;/*Naranja mas oscuro*/
}
a.selector.activo:hover {
  font-weight: bold;
  background: #80E780;
  border-color: #80E780;
}
a.selector.prohibido {
  font-weight: normal;
  background: #C7C7C7;
  border-color: #C7C7C7;
  display: none;
}

/*DTR: Detalles para "links" de Enlaces Internos
-------------------------------------------------------------------------- */
a.enlace {
  text-decoration:none;
  padding:2px 3px;/**/
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:   5px 5px 5px 5px;
  -ms-border-radius:    5px 5px 5px 5px;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     5px 5px 5px 5px;
  border-radius:        5px 5px 5px 5px;
  
  /*margin: 0.2em 0 0.2em 0;/**/
  display:inline-block;
  /*border:1px solid #F25A07;/*Naranja original*/
  /*border:1px solid #C25A07;/*Naranja mas oscuro*/
  /*background: #8CC63E;/**/
  /*border:1px solid #8CC63E;/**/
}
a.enlace:focus {
  /*border-style: dotted;/**/
  border-color: #C25A07;/*Naranja mas oscuro*/
}
a.enlace:hover {
  background: #80E780;
  border-color: #80E780;
}
a.enlace.activo {
  /*font-weight: bold;/**/
  background: #D7E7D7;
  border-color: #D7E7D7;
}
a.enlace.activo:focus {
  /*border-style: dotted;/**/
  border-color: #C25A07;/*Naranja mas oscuro*/
}
a.enlace.activo:hover {
  /*font-weight: bold;/**/
  background: #80E780;
  border-color: #80E780;
}
a.enlace.prohibido {
  /*font-weight: normal;/**/
  background: #C7C7C7;
  border-color: #C7C7C7;
  display: none;
}

/*DTR: Detalles para "links" de Enlaces Externos
-------------------------------------------------------------------------- */
a.enlace-ext {
  text-decoration:none;
  /*padding:2px 3px;/**/
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:   5px 5px 5px 5px;
  -ms-border-radius:    5px 5px 5px 5px;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     5px 5px 5px 5px;
  border-radius:        5px 5px 5px 5px;
  
  /*margin: 0.2em 0 0.2em 0;/**/
  display:inline-block;
  /*border:1px solid #F25A07;/*Naranja original*/
  /*border:1px solid #C25A07;/*Naranja mas oscuro*/
  /*background: #8CC63E;/*Verde*/
  /*border:1px solid #8CC63E;/**/
  /*background:#D7E7D7;/*Gris Verdoso*/
  background:#F7F7D7;/*Amarillo Claro*/
}
a.enlace-ext:focus {
  /*border-style: dotted;/**/
  border-color: #C25A07;/*Naranja mas oscuro*/
}
a.enlace-ext:hover {
  background: #80E780;
  border-color: #80E780;
}
a.enlace-ext.activo {
  /*font-weight: bold;/**/
  background: #D7E7D7;
  border-color: #D7E7D7;
}
a.enlace-ext.activo:focus {
  /*border-style: dotted;/**/
  border-color: #C25A07;/*Naranja mas oscuro*/
}
a.enlace-ext.activo:hover {
  /*font-weight: bold;/**/
  background: #80E780;
  border-color: #80E780;
}
a.enlace-ext.prohibido {
  /*font-weight: normal;/**/
  background: #C7C7C7;
  border-color: #C7C7C7;
  display: none;
}

/*DTR: Detalles para Paginadores
-------------------------------------------------------------------------- */
div.paginador {
  margin:2px 0px;
  padding:0 10px;
  line-height:1em;
  font-size:0.8em;
}
div.paginador_top {
  margin-top:8px;
}
div.paginador_bottom {
  margin-bottom:8px;
}
div.paginador_left {
  float:left;
}
div.paginador_right {
  float:right;
}


/*DTR: Detalles para Paginador de tipo "LINK"
-------------------------------------------------------------------------- */
ul.paginador_links {
  /*font-size:11px;
  line-height:100%;/**/
  border:0;
  margin:0;
  padding:0;
  display:inline;
}
ul.paginador_links li {
  display:inline;
}

ul.paginador_links a:link,
ul.paginador_links a:visited {
  /*border:solid 1px #9aafe5;/**/
  font-weight:bold;
  color:#0e509e;
  /*padding:1px 6px;/**/
  text-decoration:none;
  
  padding:2px 3px;
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:   5px 5px 5px 5px;
  -ms-border-radius:    5px 5px 5px 5px;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     5px 5px 5px 5px;
  border-radius:        5px 5px 5px 5px;
}

ul.paginador_links .page a {
  font-weight:normal;
}

ul.paginador_links a:hover {
  /*border:solid 1px #0e509e;/**/
  background: #80E780;
}

ul.paginador_links .selected a {
  background: #D7E7D7;
  color:#FFFFFF;
  font-weight:bold;
}

ul.paginador_links .hidden a {
  /*border:solid 1px #DEDEDE;/**/
  background: #E7F7E7;
  color:#888888;
}

/* Ocultar por defecto los botones con clase oculta, + primero y ultimo. */
ul.paginador_links .hidden/*, ul.paginador_links .first, ul.paginador_links .last/**/
{
  display:none;/**/
}


/*DTR: Detalles para Bloque de Resultados
-------------------------------------------------------------------------- */
div.resultados {
  /*border: 1px solid #F25A07;/*naranja*/
  border: 1px solid #8CC63E;/*verde*/
  /*background: #F7F7E0;/*papel-reciclado*/
  background: #FCFCF7;/*papel-blanco*/
  /*background: #FFFFFF;/*blanco*/
  margin:2px auto;
  padding:5px 10px;
  font-size: 1em;
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:   10px 10px 10px 10px;
  -ms-border-radius:    10px 10px 10px 10px;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     10px 10px 10px 10px;
  border-radius:        10px 10px 10px 10px;
}


/*DTR: Detalles para Fichas de Libros y/o Recursos Web
-------------------------------------------------------------------------- */
div.libro_ficha, div.web_ficha  {
  margin:0 0 0.5em 0;
  padding:0 0 0.5em 0;
  /*border-bottom:1px solid red;/*rojo*/
  border-bottom:1px solid #8CC63E;/*verde*/
}
div.web_ficha  {
  /*border-bottom-color:#F25A07;/*Naranja original*/
  /*border-bottom-color:#C25A07;/*Naranja mas oscuro*/
}
div.libro_ficha_ultima, div.web_ficha_ultima {
  margin:0 0 0.5em 0;
  padding:0 0 0.5em 0;
  border-bottom:none;
}

div.libro_img {
  float:left;
  margin:0 10px 0 0;
  width: 125px;
  /*max-height: 170px;/*limitar la altura para que no se haga muy largo.*/
}
div.libro_img .thumbnail {
  cursor: pointer;
  border: 1px solid #808080; border-top:none; border-left:none;/**/
  -webkit-box-shadow: 1px 2px 5px 1px #883;
  -moz-box-shadow:    1px 2px 5px 1px #883;
  -ms-box-shadow:     1px 2px 5px 1px #883;/*--no-va-bien--behavior:url(iehack_pie.php);position:relative;/**/
  -o-box-shadow:      1px 2px 5px 1px #883;
  box-shadow:         1px 2px 5px 1px #883;
  -webkit-border-radius:2px 2px 2px 2px;
  -moz-border-radius:   2px 2px 2px 2px;
  -ms-border-radius:    2px 2px 2px 2px;/*behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     2px 2px 2px 2px;
  border-radius:        2px 2px 2px 2px;
}
img.portada {
  border: 1px solid #808080; border-top:none; border-left:none;/**/
  -webkit-box-shadow: 1px 2px 5px 1px #883;
  -moz-box-shadow:    1px 2px 5px 1px #883;
  -ms-box-shadow:     1px 2px 5px 1px #883;/*--no-va-bien--behavior:url(iehack_pie.php);position:relative;/**/
  -o-box-shadow:      1px 2px 5px 1px #883;
  box-shadow:         1px 2px 5px 1px #883;
  -webkit-border-radius:2px 2px 2px 2px;
  -moz-border-radius:   2px 2px 2px 2px;
  -ms-border-radius:    2px 2px 2px 2px;/*behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     2px 2px 2px 2px;
  border-radius:        2px 2px 2px 2px;
}
div.portada_hidden {
  display:none;
  /*border-color:green;/**/
}

div.libro_dat {
  margin: 0 0 0 135px;/*alinear fuera de la imagen (WIDTH+BORDER+MARGIN)*/
}
div.libro_dat, div.web_dat {
  font-size:0.9em;
  line-height:1.35em;
}

div.libro_proyecto, div.libro_recursos {
  float:none;
  display:inline;
  margin:0 0 0 0.5em;
}
img.proyecto_lectura, img.recurso_general {
  vertical-align: middle;
}

div.libro_afiliados {
  float:right;
  /*margin: 0 0 0 135px;/*alinear fuera de la imagen (WIDTH+BORDER+MARGIN)*/
}

div.libro_titulo, div.web_titulo {
  font-size:1.25em;
  font-weight:bold;
  line-height:1.65em;
}
div.libro_autor, div.web_autor {
  /*color:#8CC63E;/*verde del fondo*/
  color:#4C862E;/*verde oscuro*/
  font-weight:normal;
}
.entidad-clase {
  font-size:75%;
  vertical-align:top;
  margin-left:0.2em;
  margin-right:0em;
  /*color:#8CC63E;/*verde del fondo*/
  color:#4C862E;/*verde oscuro*/
}
div.libro_editorial
, div.libro_coleccion {
  font-size:85%;
  margin:0 0 0px 0;
}
div.libro_editorial a.enlace {
  /*color:#333!important;/**/
  color:#202080!important;/*azul oscuro*/
  padding:0px 2px;
}
div.libro_coleccion a.enlace {
  /*color:#333!important;/**/
  color:#802020!important;/*rojo oscuro*/
  padding:0px 2px;
}
div.libro_edades {
}
div.libro_edades a.enlace {
  /*color:#333!important;/**/
  color:#202080!important;/*azul oscuro*/
  padding:0px 2px;
}
div.libro_formato {
}
div.libro_resumen
, div.web_resumen
, div.libro_orientacion {
  text-align:justify;
}
div.libro_premio {
  /*text-align:justify;/**/
}
div.libro_materias {
  /*text-align:justify;/**/
}
div.libro_materias a.enlace {
  /*color:#333!important;/**/
  /*color:#802020!important;/*rojo oscuro*/
  padding:0px 2px;
}
div.web_url {
  font-size:1.15em;
}
div.web_url a.recurso {
  /*color:#8CC63E!important;/*verde del fondo*/
  /*color:#4C862E!important;/*verde oscuro*/
  color:#F25A07!important;/*Naranja original*/
  /*color:#C25A07!important;/*Naranja mas oscuro*/
  
}
div.web_url a.recurso:hover {
  /*color:#8CC63E!important;/*verde del fondo*/
  /*color:#4C862E!important;/*verde oscuro*/
  color:#3C660E!important;/*verde mas oscuro*/
  /*color:#C25A07!important;/*Naranja mas oscuro*/
  
  /*background-color:#F25A07;/*Naranja original*/
  /*background-color:#C25A07;/*Naranja mas oscuro*/
  /*background-color:#F2AA07;/*Naranja mas claro*/
  /*background-color:#DCC100;/*Amarillo del menu "recursos"*/
  background-color:#FCE100;/*Amarillo mas claro*/
}


div.libro_formato span.etiqueta
, div.libro_resumen span.etiqueta
, div.web_resumen span.etiqueta
, div.libro_orientacion span.etiqueta
, div.libro_premio span.etiqueta
, div.libro_materias span.etiqueta
, div.web_materias span.etiqueta {
  font-size:0.85em;
  font-weight:bold;
  /*margin:5px 0 0 0;/**/
  margin:0px 0 0 0;/**/
  display:inline-block;
}
div.libro_coleccion span.etiqueta {
  font-weight:bold;
  margin:0px 0 0 0;
  display:inline-block;
}
.etiqueta_separador {
  font-size:1.00em;
}

/*DTR: Detalles para Textos de Resumen cortados con "Leer más"
-------------------------------------------------------------------------- */
.texto_oculto {
  display:none; 
  /*background:#C0C0C0;/**/
}
.texto_puntos {
  display:inline;
  /*background:#FF0000;/**/
}
.texto_expandir {
  display:inline-block;
  /*padding-right:16px;/*Si se genera con 3 o 4 espacios "&nbsp;" detras del texto, no hace falta esto*/
  /*background:transparent url("../ico/dropdown04.png") no-repeat scroll right 10px;/**/
  background:transparent url("../ico/mas.png") no-repeat scroll right 2px;
}
.texto_reducir {
  /*background:transparent url("../ico/dropdown04-over.png") no-repeat scroll right 10px;/**/
  background:transparent url("../ico/menos.png") no-repeat scroll right 2px;
}


/*DTR: Detalles para Calificaciones
-------------------------------------------------------------------------- */
div.libro_califica {
  text-align:right;
}
.calificacion {
  background: url("../img/calificacion-estrellas2.png") no-repeat scroll 0 -100px transparent;
  display: block;
  /*float: left;/**/
  /*margin-right: 5px;/**/
  margin:0 auto;/*que se centre*/
  text-indent: -9999px;
  height: 16px;
  width: 75px;
}
.estrella0 { background-position: 0 -100px;}
.estrella1 { background-position: 0 -80px;}
.estrella2 { background-position: 0 -60px;}
.estrella3 { background-position: 0 -40px;}
.estrella4 { background-position: 0 -20px;}
.estrella5 { background-position: 0 0;}
.estrellaS { background-position: 0 -120px;}
.estrellaE { background-position: 0 -140px;}
.estrellaX {
  background: url("../img/calificacion-error.png") no-repeat scroll 0 0 transparent;
}


/*DTR: Detalles para Calificaciones
-------------------------------------------------------------------------- */
div.flash-error, div.flash-notice, div.flash-success {
  /*padding:0.15em;/**/
  padding:0.15em 0.5em;
  margin-bottom:0.25em;
  border:2px solid #ddd;
}
div.flash-error {
  background:#FBE3E4;
  color:#8a1f11;
  border-color:#FBC2C4;
}
div.flash-notice {
  background:#FFF6BF;
  color:#514721;
  border-color:#FFD324;
}
div.flash-success {
  background:#E6EFC2;
  color:#264409;
  border-color:#C6D880;
}
div.flash-error a {
  color:#8a1f11;
}
div.flash-notice a {
  color:#514721;
}
div.flash-success a {
  color:#264409;
}


/*DTR: Detalles para Dimensiones
-------------------------------------------------------------------------- */
.em1  { width:1em !important;}
.em2  { width:2em !important;}
.em3  { width:3em !important;}
.em4  { width:4em !important;}
.em5  { width:5em !important;}
.em6  { width:6em !important;}
.em7  { width:7em !important;}
.em8  { width:8em !important;}
.em9  { width:9em !important;}
.em10 { width:10em !important;}
.em11 { width:11em !important;}
.em12 { width:12em !important;}
.em13 { width:13em !important;}
.em14 { width:14em !important;}
.em15 { width:15em !important;}
.em16 { width:16em !important;}
.em17 { width:17em !important;}
.em18 { width:18em !important;}
.em19 { width:19em !important;}
.em20 { width:20em !important;}
.em21 { width:21em !important;}
.em22 { width:22em !important;}
.em23 { width:23em !important;}
.em24 { width:24em !important;}
.em25 { width:25em !important;}
.em26 { width:26em !important;}
.em27 { width:27em !important;}
.em28 { width:28em !important;}
.em29 { width:29em !important;}
.em30 { width:30em !important;}

.espaciador { display:inline-block !important;}
.separador-linea { line-height:0.25em !important;}


/*DTR: Detalles para Tablas con Listas de datos (Entidades)
-------------------------------------------------------------------------- */
table.entidades {
  font-size:0.80em;
  line-height:1.25em;
  text-align:left;
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
}
table.entidades td {
  /*border-left:1px dotted #F25A07;/**/
  /*border-right:1px dotted #F25A07;/**/
  padding:2px;
}
table.entidades td.par {
  border-left:1px dotted #8CC63E;/**/
  border-right:1px dotted #8CC63E;/**/
}
table.entidades a.entidad {
  display:block;
  margin-left:28px;/*Dejar sitio para el icono web y el borde*/
  /*border:1px dotted #F25A07;/**/
}
table.entidades a.entidad-web {
  display:block;
  float:left;
  width:24px;/**/
  text-align:center;
}
table.entidades a.entidad-web img {
  width:16px;/*Limitar la imagen*/
  vertical-align:middle;
  padding:2px 0px 2px 0px;
}

/* Libreria de Recursos Didacticos
-------------------------------------------------------------------------- */
#estanteria {
  /*background:#C08040;/**/
  /*background:#F0F0C0;
  border:1px solid #A06020;
  /*position:relative; top:3em; bottom:1em; left:1em; right:1em;/**/
}

table.estanteria > tbody > tr {
  vertical-align:top;
}
table.estanteria th, table.estanteria td {
  margin:0!important;
  padding:0!important;
  border-width:1px 1px 1px 1px!important;
  border-color:#822!important;
}
table.ciclo td {
  margin:0!important;
  padding:2px 0.5em!important;
  font-size:1.2em!important;
}
table.ciclo td.materiales {
text-align: center;
}
table.estanteria tr th, table.ciclo tr th {
  text-transform:none!important;
}


/*DTR: Detalles para "links" de la estanteria
-------------------------------------------------------------------------- */
div.recurso {
  display:inline-block;  
}
a.material {
  text-decoration:none;
  padding:2px 3px;
  -webkit-border-radius:15px 15px 15px 15px;
  -moz-border-radius:   15px 15px 15px 15px;
  -ms-border-radius:    15px 15px 15px 15px;behavior:url(iehack_pie.php);position:relative;/**/
  -o-border-radius:     15px 15px 15px 15px;
  border-radius:        15px 15px 15px 15px;
  
  margin:0.2em 0 0.2em 0;
  display:inline-block;
  /*border:1px solid #F25A07;/*Naranja original*/
  /*border:1px solid #C25A07;/*Naranja mas oscuro*/
  border:1px solid #8CC63E;/*Verde*/
  background: #8CC63E;/**/
}
a.material:focus {
  border-style: dotted;
  border-color: #C25A07;/*Naranja mas oscuro*/
  -webkit-box-shadow: 0px 0px 5px 2px #F25A07;
  -moz-box-shadow:    0px 0px 5px 2px #F25A07;
  -ms-box-shadow:     0px 0px 5px 2px #F25A07;/*--no-va-bien--behavior:url(iehack_pie.php);position:relative;/**/
  -o-box-shadow:      0px 0px 5px 2px #F25A07;
  box-shadow:         0px 0px 5px 2px #F25A07;
}
a.material:hover {
  background: #80E780;
  border-color: #80E780;
  -webkit-box-shadow: 0px 0px 5px 2px #F25A07;
  -moz-box-shadow:    0px 0px 5px 2px #F25A07;
  -ms-box-shadow:     0px 0px 5px 2px #F25A07;/*--no-va-bien--behavior:url(iehack_pie.php);position:relative;/**/
  -o-box-shadow:      0px 0px 5px 2px #F25A07;
  box-shadow:         0px 0px 5px 2px #F25A07;
}

a.material img {
  height:24px;/*Limitar la imagen*/
  vertical-align:middle;
  padding:2px 0px 2px 0px;
}
/*FIN
-------------------------------------------------------------------------- */