/* CSS Document */

/* Inicio codigo de reseteo */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:1em;}

ul, ol, dl, h1, h2, h3, h4, h5, h6, pre {
margin:1em 0;
}

ul, ol{
margin:0.5em 0 0.5em 3em;
}

ol{
   list-style:decimal;
}

/* Fin codigo de reseteo */

/* inicio de clases generales */
.ftl { float:left } 
.ftr { float:right }
.oculto { display:none } 
.clear:after { content:"."; clear:both; display:block; visibility:hidden; height:0;}

/* fin de clases generales */

body { background:#c7c7a6; color:#000000; text-align:center; font:1em Arial, Helvetica, sans-serif; padding:0 0 2% 0; margin:2% 0 0 0; font-size: 0.75em; }

.sombras img{ width:100%; height:1.83em; }
.sombras_izda img{ width:100%; position:absolute; left:0; height:1.83em; }
.sombras2 img{ position:absolute; width:100%; clear:both; left:0; bottom:-1.83em; height:1.83em; }
#sombra_sup{ width:103%; height:2.08em; }
p{ padding:2% 1% 2% 1%; margin:2% 1% 2% 1%; text-align:left; }
.eti-none{ font-size: 1em !important;}
.none-medium{ font-size: 1.2em !important;}
.medium{ font-size: 1.4em !important;}
.medium-large{ font-size: 1.6em !important;}
.large{ font-size: 2em !important; }
.img_border{ border: 2px solid #FFFFFF; }
h1 span.tit_sup{ font-size: 3.2em; position:absolute; margin-left: 0.5%; }
h1 span.tit_inf{ font-size:2.7em; margin-left:0.82em; margin-top:0.45em; position:absolute; }
h2.tit_selector{ font-size: 1.3em; padding: 0.32em 0 0.26em; margin:0; visibility:visible; letter-spacing:normal; }
h3.verde_bus{ font-size:1.4em; color:#95971A; font-weight:bold; text-align:left; visibility:visible; letter-spacing:normal; }
h3.verde_nube{ font-size:1.4em; color:#95971A; font-weight: bold; padding-left:1.5%; visibility:visible; letter-spacing:normal } 
h3.negro{ font-size:1.4em; color:#000000; font-weight: bold; text-align:left; visibility:visible; letter-spacing:normal; }
h3.verde{ font-size:1.4em; color:#95971A; font-weight: bold; text-align:right; position:absolute; right:14%; visibility:visible; letter-spacing:normal; }
h3.verde2{ color:#95971A; font-size:1.2em }
h4.novela{ color: #000000; font-size: 1.3em; font-weight:bold; text-align:left; top:0; left:38%; width:27em; position:absolute; visibility:visible; letter-spacing:normal; }
div#contenedor{ width:78.42em; margin: 0 auto; background:#a8a788 url(../images/fondo2.gif) repeat-y left top; padding:0.75em 2.5em 1.75em; text-align:left }
div#footer, div#footer2 { height:1.67em; clear: both; /* background:#a8a788 url(../images/fondo2.gif) repeat-y left top */ }
div#contenido {  }
#titulo{ float:left; text-align:left; color:#FFFFFF }
.indent{ padding-left: 15%; }

#logo{  position:relative; float:right; width:25%; min-height:7em; height:auto !important; height:7em;  } 
#imagen_logo{ position:absolute; right:5.42em; top:0 }
	#imagen_logo .img_border{ background-color:#fff; padding:0.17em; border:none }

#biblio{ position:absolute; top:1.67em; right:0; }
#biblio .BNE { background:url(../images/BNEtexto.gif) no-repeat left top; width:4em; height:2.25em }
#biblio .BNE span { color:#fff; font-size:0.75em; display:none }

#informacion_pant_cat{  }

#contenido{ padding-top:1.67em; clear:both; height:1% }

#selector{  } 

#selectorGrande{ background-color:#d1d1ad; padding-bottom: 0.75em; }

#selectorGrande .boton { margin-left:2.05em }

.titulo_bus{ background:url(../images/top.jpg) repeat-x; color:#fff; padding-left:2.25em }

#busqueda{ float:left; width:52.25em; position:relative; background-color:#d1d1ad; min-height:13.67em; height:auto !important; height:13.67em; padding:1.67em 2.25em 1.35em; }

#descripcion { background-color:#dbdbc6; min-height:9.83em; height:auto !important; height:9.83em; position:relative; }

#form_busqueda { min-height:1.75em; height:auto !important; height:1.75em; padding-bottom:1em }
	#form_busqueda h3 { display:inline; margin:0  }
	.desplegable{ width:24.38em; }
	#boton_categ{ display:inline; margin:0; width:auto; padding:0 0.5em; overflow:visible }
	
#libro , #libro2 { position:absolute; bottom:0; width:35% } 
#libro2 { left:3.75em }
#text{
   float:right; 
   width:60%;
   margin-right: 3%;
   margin-top: 1%;
}

#text2{ display:block; margin:0; font-size: 0.9em; padding:1.28em 1.48em 0.4em 23.33em }

#text p, #text2 p{
   text-align:justify;
}

#nube{ float:left; text-align:left; width:17em; background-image:url(../images/sombra_vertical.png); background-repeat:repeat-y; padding:0 1.67em 1.35em 3em; background-color:#d1d1ad; height:15.33em; }
#nube .verde_nube { padding-left:0; margin:1.5em 0 0 0 }
#nube p { padding:.4em 0; margin:.4em 0 .4em 0 }
	#nube p a.siguiente { float:none; display:block; text-align:right }
.nube span a { color: #333 !important; text-decoration: none;}

.nube span a:hover { text-decoration: underline;}

.nube span a:visited {
  color: #000000;
}

.fondoTexto{
	background-color:#95971A;
}

#form_etiquetas{ text-align:right; margin:0; }
	#form_etiquetas #textoEtiqueta{ vertical-align:0.1em }

#boton_etiq{
	position:absolute;
	width: 100px;
	right: 15px;
	bottom:15px;
}

#boton_etiq2{ width:3.79em; }

#resultado{ margin-top:.75em; min-height:34.58em; height:auto !important; height:34.58em }
#menu{ float:left; width:24.42em; position:relative; background:#d0d0c0 url(../images/sombra_vertical.png) repeat-y right top; margin-top:1.08em; padding-right:1.08em; text-align: right; color:#333333; }

#menu2{
   text-align: right;
   color:#333333;
   float:left;
   width: 100%;
}

#menu2 ul.listado li{
   margin-right:3%;
}

.listado{ padding-right: 1%; padding-top:3.75em }

.listado li{ padding: .42em 0; }

.listado a{
   color:#333333;
   font-weight:bold;
   font-size: 0.95em;
   text-decoration:none;
   padding-right: 6%;
}

.listado a:hover{
   color:#ffffff;
   text-decoration:underline;
}

a.item_activo{
   color: #ffffff;
   background-image:url(../images/llave.gif);
   background-position:right;
   background-repeat:no-repeat;
}

.espacio{ height:2.50em;}

.paginador{ padding: 0.75em 0; margin: 1.67em 7% 1.67em 8%; background:url(../images/dotted2.gif) repeat-x left top; }

.paginador li{
   display:inline;
   margin: 0% 2% 0% 2%;	
}

.ult_pag{
	padding-right:3%;
}

.paginador li a{
	text-decoration: none;
	color:#333333;
}

.paginador li a:hover{
	text-decoration:underline;
	/*font-size:1.2em;*/
}


.paginador li a.pag_seleccionada{
   color:#ffffff;
   background-color:#666666;
   padding: 1% 3% 1% 3%;
}

.paginador_der{ text-align:right; padding:1.5em 0 1.25em; margin:0 2.50em 0 0; clear:both; height:1% }
	.paginador_der li{ display:inline; margin:0 0 0 0.67em; padding:0 } 
		.paginador_der li a{ color:#333; text-decoration:none }
			.paginador_der li a:hover{ text-decoration:underline }
		.paginador_der .pag_seleccionada{ color:#fff; background-color:#666; padding: 0.25em 0.58em }

#form_menu{
	margin-right:6%;
}

#boton_menu{ width: 17.42em; margin-bottom:1.14em }

#ficha{ background-color:#dfdfd2; float:left; width:49.58em; position:relative; padding:1.67em }
#portada{ float:left; display:inline; text-align:left; height:25.08em; width:30.5em; }
#informacion{ float:left; display:inline; width:17.17em; margin-left:1.67em; color:#666666; min-height:25.08em; height:auto !important; height:25.08em; position:relative }
	#informacion h3 { margin:0.71em 0 .42em }
	#informacion p{ margin:0; padding:0.93em 0; background:url(../images/dotted.gif) repeat-x left top; font-size: 0.9em; }  
	#informacion a{ color:#95971A; }
	.titulo_libro{ color:#000000; }
	#boton_guia{ position:absolute; bottom:0; left:0.19em; font-size: 1.2em; background-color:lime; }

#pie_izq{ float:left; margin-top:1.08em; padding:0.92em 0 0 0.25em; width:29.58em; background:url(../images/dotted.gif) repeat-x left top; }
	a.enlace_face{ color: #999; padding:0 0 0 2.89em; text-decoration:none; font-size: 0.95em; font-weight:bold; display:block; line-height:2.11em }
		a.enlace_face:hover{ text-decoration:underline;	}
	.facebook{ background:url(../images/facebook.gif) no-repeat left center }

#pie_der{ float:left; display:inline; text-align:right; padding:.92em 0; margin:1.08em 0 0 1.67em; width:17.17em; background:url(../images/dotted.gif) repeat-x left top; }
	a.anterior{ color:#95971A; text-decoration:none; font-size: 0.95em; font-weight:bold; float:left; padding-left:4%; background:url(../images/anterior_verde.gif) no-repeat left center; }
	a.siguiente { color: #95971A; text-decoration:none; font-size: 0.95em; font-weight:bold; float:right; padding-right:4%; background:url(../images/siguiente_verde.gif) no-repeat right center; }
		a.anterior:hover,a.siguiente:hover { text-decoration:underline; }

.boton{ width:6em; background:url(../images/fondoBoto.gif) repeat-x; text-align:center; height:1.72em; color:#fff; border:0; font-weight:bold; font-size:1.1em; margin:0.69em 0; cursor:pointer; }



.boton_bus{
	position:absolute;
	right:200px;
}

#etiquetas{
	width:50%;
	margin:0% 0% 0% 3%;
	font-size: 1.2em;
}

#etiquetas2{ font-size: 1.2em; margin-left:1.88em }

#descripcionColector { background-color:#dbdbc6; margin:0 2.33em; height:1% }

#descripcionColector p{ line-height:2.92em; margin:0; padding:1em 2em }
	#descripcionColector p span{ font-size:1.2em }
		#descripcionColector p a{ text-decoration: none; color:#333; }
			#descripcionColector p a:hover{ text-decoration: underline }

/* No se usa esta tabla */
#descripcionColector table{  
	width: 98%;
	margin:0 auto; 
	margin-top: 1%;
	margin-bottom: 1%;
}

#descripcionColector td {
	border-bottom:1px dotted #333333;
	font-size:1.2em;
	text-align:left;
	padding:1%;
}

#descripcionColector td:hover {
	background-color:#cfcfbc;
}

#descripcionColector td a{
	color:#000000;
	text-decoration:none;
}

#descripcionColector ul.listado_expo { margin:0; padding:2em 0 0; height:1% }
	#descripcionColector ul.listado_expo li { float:left; display:inline; width:21.33em; border-bottom:1px solid #c7c7b5; margin:0 1em 0 1.67em }
		#descripcionColector ul.listado_expo li a { font-size:1.2em; color:#000; text-decoration:none; padding:0.69em .75em 0.83em; display:block }
			#descripcionColector ul.listado_expo li a:hover { background-color:#cfcfbc; }
