.mapa
{
	BORDER-RIGHT: #dddddd 1px solid; 
	BORDER-TOP: #dddddd 1px solid; 
	BORDER-LEFT: #dddddd 1px solid; 
	WIDTH: 420px; 
	BORDER-BOTTOM: #dddddd 1px solid; 
	HEIGHT: 420px;
}

.mapa_info
{
	margin-top: 15px;
	font-size: 11px;
}

#dhtmltooltip
{
	position: absolute;
	width: 115px;
	height: 101px;
	border: 0px solid black;
	padding: 2px;
	visibility: hidden;
	z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ /*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.plantillaZonaIzquierda
{
	vertical-align: top;
	width: 150px;
	background-color: #f7f7f7;
}

.plantillaZonaCentral
{
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	width: 430px;
}

.plantillaZonaDerecha
{
	vertical-align: top;
	width: 150px;
	vertical-align: top;
}

.plantillaGeneral
{
	width: 750px;
}

.enlacehover
{
	cursor: pointer;
	background-color: #F0F2FB;
}

.enlacenormal
{
	cursor: default;
	background-color: #ffffff;
}


.cursorPointer
{
	cursor: pointer;
}

.cursorDefault
{
	cursor: default;
}

.invisible
{
	display: none;
}

.visible
{
	display: block;
}

.blanco10link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
a.blanco10link:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #EEEEEE;
	text-decoration: underline;
	text-align: center;
}

.azul10link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
}

a.azul10link:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: underline;
}

.azul10linkHover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0021BD;
	cursor: pointer;
	background-color: #e3e7f9;
	text-decoration: none;
}

.negro10link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.negro10
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.negro10b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}


.negro9link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

a.negro9link:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
}

.blanco9link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}

a.blanco9link:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0021BD;
	text-decoration: underline;
	text-align: left;
}

.azul12blink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
	text-align: left;
}

a.azul12blink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: underline;
	text-align: left;
}

.azul9
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
	text-align: left;
}

.azul9b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
	text-align: center;
}

a.azul9:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

.azul11
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
}

a.azul11:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	text-decoration: none; ;
}

.azul11b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
}

a.azul11b:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
}

.azul10b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
}

a.azul10b:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	text-align: left;
}

.azul12b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
}

a.azul12b:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
}


.negro9
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}


.rojo9
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FF0000;
	text-decoration: none;
	text-align: justify;
}

.negro11
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

.negro9b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

a.negro9b :hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
	text-align: justify;
}

.Gris9b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	text-align: justify;
}

.negro11b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

.blanco11b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.gris11
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}

.gris13
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}

.gris16
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}

.gris9fecha
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	text-align: right;
}

.azulclaro12b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #99A6E5;
	text-decoration: none;
}

.gris9link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}

a.gris9link :hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #6981F3;
	text-decoration: underline;
	text-align: justify;
}

.gris9linkcenter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	text-align: center;
}

a.gris9linkcenter :hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #6981F3;
	text-decoration: underline;
	text-align: center;
}

.azul14
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0021BD;
}

.azul14link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0021BD;
	text-decoration: none;
}

a.azul14link :hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: underline;
	text-align: left;
}

.listachat11b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CDD2EF;
	text-decoration: none;
	text-align: center;
}

a.listachat11b :hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

.entrarchat
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

a.entrarchat :hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0100DA;
	text-decoration: none;
	text-align: left;
}

.buscador
{
	background-image: url(Images/fondo_buscador.gif);
	background-repeat:no-repeat;
	padding-top: 20px;
	padding-left: 15px;
	
	height: 67px;
}

h1.vacio
{
	display: none;
}

.subtitulo_biblioteca
{
	background-image: url(Images/fondo_gris_degradado.gif);
	background-repeat:repeat-x;
	padding: 5px;
}

h2.biblioteca
{
	margin: 0px;
	color: #0021BD;	
	font-size: 14px;
}

ul.listado_libros
{
	margin: 0px;
	padding-top: 15px;
	list-style-type: none;
	background-image: url(Images/fondo_azul_degradado.gif);
	background-repeat:repeat-x;
	height: 41px;
}

ul.listado_libros li {
	display: inline;
	background-image: url(Images/flecha_der.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 10px;
	margin-left: 70px;	
}

div.libro_listado
{
	border-bottom: solid 1px #0021BD;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 5px;
}

div.genero_listado
{
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 2px;	
	font-size: 10px;
	color: #0021BD;	
}

div.genero_listado span.titulo
{
	background-image: url(Images/flecha_der.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 5px;
	font-size: 11px;
	color: #0021BD;	
}

div.libro_listado span.titulo
{
	background-image: url(Images/flecha_der.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 5px;
	font-size: 13px;
	color: #0021BD;
}

div.libro_listado span.enlace {
	margin-left: auto;
	margin-right: 0px;
	display: block;
	text-align:right;
	color: #0021BD;	
}

div.libro_listado span.detalle 
{
	display:block;
	margin-top: 3px;
}

a.libro {
	display: block;
	text-decoration:none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	color: #000000;
}

a.libro:link {
}

a.libro:hover {
	background-color: #F0F2FB;
}

span.volver
{
	float: right;
}

a.volver
{
	float:right;
	display:block;
	margin-top: 20px;
}

span.nombre
{
	display: block;
	font-size: 12px;
	margin-top: 5px;
}

.lupa
{
	background-image: url(Images/lupa.gif);
	background-repeat: no-repeat;
	float:left;
	width: 13px;
	height: 18px;
	margin-left: 5px;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 15px;
}

.ordenarpor
{
	text-align:right;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 10px;
}

.ordenarpor select
{
	font-size: 10px;
}

.campos_libro
{
	margin-top: 20px;
	font-size: 11px;
	line-height: 1.9em;
	text-align: justify;
}

.campos_libro strong
{
	color: #0021BD;
	margin-right: 5px;

}

/***** CLEARFIX *************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*****************************/