@CHARSET "UTF-8";
/*$Id: stylesheet.css 98 2008-02-08 19:36:29Z miguelangel $*/
/* ============================================================================
 * Hacks usados
 * ============================================================================
 *    _propiedad: IE6 sólo
 *    *propiedad: IE6 y IE7
 *    * html .clase: IE6 sólo
 */
/* ============================================================================
 * Estilos generales
 * ============================================================================
 */
* {
		/* No se puede quitar esto porque descuadra en Chrome */
    padding: 0em;
    margin: 0em;
}

body {
		/*		
		font-family: Arial, Helvetica, sans-serif;
	  font-family: Verdana, Geneva, Arial, sans-serif;
		font-family: Trebuchet MS, Arial, sans-serif;
		font-family: Franklin Gothic Medium, Arial, sans-serif;
		font-family: Lucida Sans, Lucida Grande, Arial, sans-serif;
		font-family: Impact, sans-serif;
		font-family: Tahoma, Geneva, Arial, sans-serif;

		font-family: Courier New, Courier, monospace;
		font-family: Lucida Console, monospace;

		font-family: Times New Roman, Times, serif;
		font-family: Georgia, serif;
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		*/
		font-family: Verdana, Geneva, Arial, sans-serif;
		
    font-size: 12px;
    color: #222222;
    text-align: center; /*aqui mandamos a centrar todo el contenido*/
}

p, ol, ul {
    line-height: 1.3em;
    margin-top: 0.5em;
    margin-bottom: .9em;
}

textarea {
    font-size: 1em;
}

img {
    border: 0em
}

blockquote {
    padding: 0.5em 1em
}

blockquote p {
    font-size: 1.2em;
    font-style: italic;
    color: #666;
}

blockquote p strong {
    font-weight: normal
}

ul, ol {
    margin-top: .5em;
    margin-bottom: .5em;
    padding-left: 2em;
}

ul {
    list-style: disc;
}

ul ul {
    list-style: circle;
}

ol {
    list-style: decimal;
}

ul li {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 2em;
}

ol li {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 2em;
}

a:active, a:link, a:visited {
    color: #39005d;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #333;
    text-decoration: underline;
}

h1 {
		font-size: 2em;
    font-weight: bold;
    color: #2A1BC4;
    line-height: 1em;
    margin-bottom: 0.5em;
    border-bottom-style: none;
    padding: .2em;
    padding-top: 0em;
    _padding-top: 0;
    _padding-bottom: .0;
    margin-bottom: 0.7em;
}

h2, h2 a:link, h2 a:visited, h2 a:active {
		font-size: 1.7em;
    font-weight: bold;
    color: #6688D9;
    margin-bottom: 0.2em;
}

h2 strong {
    color: #000
}

h3 {
		font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 0.2em
}

h3, h3 a:link, h3 a:visited, h3 a:active {
	color: #888;
}

h3 strong {
    color: #000
}
 
h4 {
		font-size: 1.3em;
    font-weight: bold;
    color: #333;
    line-height: 1em;
    margin-bottom: 0.2em
}

h5 {
		font-size: 1.2em;
    color: #333
}

h6 {
    font: bold 0.9em;
    margin-bottom: 0.2em
}

.linea {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    margin-bottom: 1em
}

.puntos {
    border-bottom: 0.1em dotted #999;
    padding-top: 0.5em;
    margin-bottom: 0.5em
}

.separar {
    border-top: 1em solid #fff;
    clear: both
}

.clear {
    clear: both;
}
/* ============================================================================
 * Estructura general
 * ============================================================================
 */
body {
    background: #d0d0d0 url(../images/body-bg.gif) top repeat-x;
}
/* ----------------------------------------------------------------------------
 * Fijamos el max-width a 900px para que no quede muy grande en pantallas anchas
 * y el min-width a 780px para que se vea bien en pantallas de 800x600.
 * Para IE6 hay que usar un hack.
 * ----------------------------------------------------------------------------
 */
/* Para browsers modernos que entienden max-width y min-width */
#pagecontainer {
    max-width: 75em; /* 900px */
    min-width: 65em; /* 780px */
}
/* Para IE6 hay que cambiar el tamaño dinámicamente.
 * Ojo que hay que comparar con 5 pixels más para que IE6 no se cuelgue */
* html #pagecontainer {
    width: expression( (document.body.clientWidth < 785) ? "780px": ((document.body.clientWidth > 905) ? "900px": "auto" ));
}

#pagecontainer {
    margin: 0 auto;
    margin-top: .4em;
    border: 1px solid gray;
}
/* Contenedor de la parte superior de la página */
#topcontainer {
    height: 14em;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background: #777;
    border-top: 1em solid #bbb;
}
/* Contenedor del contenido de la página */
#maincontainer {
    margin: 0 auto;
    text-align: left;
    background: white;
    height: auto;
    _height: 30em; /* para IE6 */
    width: 100%;
    display: inline-block;
}
/* Contenedor de la parte de abajo de la página */
#bottomcontainer {
    margin: 0 auto;
    text-align: left;
    width: 100%;
    background: #333;
}
/* ============================================================================
 * Encabezado
 * ============================================================================
 */
#pageheader {
    float: left;
    width: 43em;
    margin: 1.4em 0 0 .7em;
}

#pageheader h1 {
    float: left;
}

#upperlinks_container {
    float: right;
    margin: 1.4em 1em 0 0;
    text-align: right;
}

#upperlinks, #upperlinks a {
    color: white;
}

#languages_container {
    margin-top: 3.5em;
}

#pageheader #nombreempresa {
    font-size: 2em;
    color: white;
}

#pageheader #nombreempresa .text {
	display: none; 
}

#pageheader #nombreempresa .graph {
  display: block !important;
}

#pageheader #nombreempresa img {
	width: 15em;
}

#pageheader #actividadempresa {
    font-size: 1.2em;
    font-style: italic;
    color: white;
   	margin-top: 1.2em;
		margin-left: 1em;
}

#pageheader #logo img {
	height: 3.3em;
}

/* ============================================================================
 * Menú principal
 * ============================================================================
 */
.menubar_tabs {
    height: 3.08em;

		*height: 3.15em;
	  _height: 2.95em;
	  font-size: .9em;
		
    border-bottom: 1.25em solid black;
		background: #aaa; /* url(../images/tab-bg-bar.jpeg) top repeat-x; */
    position: relative;
    top: .5em;
    *top: 1.8em;
}

.menubar_tabs ul {
    Qfont-size: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-right: .5em;
    _padding-right: 0;
    float: right;
}

.menubar_tabs li {
    margin: 0;
    padding: 0;
    float: left;
		border: 1px solid #999;
		border-bottom: 0;
}

.menubar_tabs li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	/* Preload la imagen del hover */
	background: url(../images/tab-bg-hover.jpeg);
}

.menubar_tabs li a:active, .menubar_tabs li a:link, .menubar_tabs li a:visited {
    float: left;
    display: block;
    background: #555 url(../images/tab-bg-normal.jpeg) top repeat-x;
    color: #eee; 
    padding: 0.7em 0.6em 1em 0.6em;
    text-decoration: none;
    Qfont-size: 1em;
    font-weight: bold;
    margin-left: 0;
}

.menubar_tabs li a:hover, 
.menubar_tabs li.specialtab a:hover {
    background: #888 url(../images/tab-bg-hover.jpeg) top repeat-x;
		border-top-color: #bbb;
    /*Esto era para sólo para IE6 */
    padding-bottom: 1em;
    margin-bottom: -1em;
}

.menubar_tabs li.activetab a:active, .menubar_tabs li.activetab a:link, .menubar_tabs li.activetab a:visited {
    background: black;
		color: white;
		border-top: 0;
		position: relative;
		top: 0; 
}

.menubar_tabs li.specialtab a {
    background: #678;
		color: white;
}

/* ============================================================================
 * Menú secundario
 * ============================================================================
 */
.menubar2_tabs {
    height: 2.5em;
    *height: 3em;
		_height: 2.5em;
    border-bottom: 1px
    solid #474747;
    position:relative;
}

.menubar2_tabs ul {
    font-size: 1em;
    list-style-type: none;
    margin-left: 5em;
    padding: 0;
    padding-right: .5em;
    _padding-right: 0;
}

.menubar2_tabs li {
    margin: 0;
    padding: 0;
    float: left;
    margin-right: .5em;
    position: relative;
    top: -1px;
}

.menubar2_tabs li a {
		/* Preload la imagen del hover */
    background: url(../images/tab-shade-bg-hover.gif);
}

.menubar2_tabs li a:active, .menubar2_tabs li a:link, .menubar2_tabs li a:visited {
    float: left;
    display: block;
    background: #e0e0e0 url(../images/tab-shade-bg-normal.gif) top left repeat-x;
    color: black;
    border: 1px solid black;
    padding: 0.6em 0.6em .6em 0.6em;
    text-decoration: none;
    font-size: 1em;
    font-weight: normal;
    margin-left: 0;
    _position: relative;
    _top: 2px;
}

.menubar2_tabs li a:hover {
    background: #f0f0f0 url(../images/tab-shade-bg-hover.gif) top left repeat-x;
    position: relative;
    /*Esto era para sólo para IE6 */
    padding-bottom: .6em;
    margin-bottom: -.6em;
}

.menubar2_tabs li.activetab a:active, .menubar2_tabs li.activetab a:link, .menubar2_tabs li.activetab a:visited {
    background: white url(../images/tab-shade-bg-active.gif) top left repeat-x;
    border-bottom: 1px solid white;
}

/* ============================================================================
 * Admin actions
 * ============================================================================
 */
#adminactions_menubar_container {
    width: 100%;
    left: 0em;
    background-color: gray;
		margin-bottom: 0;
		padding-bottom: .2em;
		padding-top: .1em;
		display: inline-block;
}

#adminactions_menubar {
    margin: 0 auto auto;
}

#adminactions_menubar ul {
    list-style-type: none;
		padding: 0;
		margin: 0;
}

#adminactions_menubar li {
    margin: 0;
    float: left;
}

#adminactions_menubar li a {
    display: block;
    background-color: #fff78E;
    color: #000000;
    padding: 0.3em 0.6em 0.4em 0.6em;
    text-decoration: none;
    font-size: 0.93em;
    margin-left: .2em;
}

#adminactions_menubar li a:hover {
    text-decoration: none;
    background-color: #FFD78E;
}

/* ============================================================================
 * Contenido
 * ============================================================================
 */
#content_main {
    padding: 1.5em;
    _display: inline-block;
}
/* ============================================================================
 * Pie
 * ============================================================================
 */

#pagefooter {
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1.5em;
    border-top: 1.25em solid #666;
    border-bottom: 2px solid black;
		*display: inline-block;
		*padding-bottom: 1.5em;
}

#pagefooter #copyright {
    color: white;
    font-size: .9em;
		float: left;
}

#pagefooter #contact_data {
		padding-right: 1em;
		width: 25em;
		float: right; 
}

#pagefooter #contact_data p, 
#pagefooter #contact_data div,
#pagefooter #contact_data a {
		color: white;
		font-size: .9em;
		text-align: right;
		margin: 0;
		margin-bottom: .1em;
}
 
#pagefooter #contact_data p {
	float: right;
} 

#pagefooter #contact_data p img {
		vertical-align: bottom; 
} 

#pagefooter #contact_data .cmsConfigItem {
		float: right;
		*width: 3.5em;
		*position: relative;
		*top: -3px;
		*padding-right: 3.5em;
		_padding-right: 0;
} 

#pagefooter #tecnicae {
    float: right;
    margin: 0 auto;
}

#final_credits #subvencion {
		margin: 2em auto;
		text-align: center;
		width: 40em;
}

#final_credits #subvencion img {
		height: 3em;
		margin-bottom: .3em;
}

#final_credits #subvencion #texto {
		margin: 0;
		padding: 0;
		margin-left: .5em;
		color: gray;
		font-size: .8em;
		display: inline-block;
}

#badges {
    margin-top: 3em;
}
/* ============================================================================
 * Secciones
 * ============================================================================
 */
/**
 * Comunes
 */

#title {
    font-size: 1.48em;
    color: black;
    border-bottom: .35em solid;
    margin-bottom: .5em;
    padding: .8em;
    padding-bottom: .5em;
    background: white url(../images/h2-bg.gif) left no-repeat;
}

#content {
    _display: inline-block;
}

#left_column {
		width: 20em;
    float: left;
		background: white url(../images/lateral.jpg) top left no-repeat;
		min-height: 35em;
		height: 35em;
}

#left_column #decoration {
	padding: 1em;
	padding-left: .5em;
	width: 6em;
}

#left_column #decoration img {
	width: 20em;
	height: auto;
}

/**
 * pagetype_text
 */
.pagetype_text #section_main {
    margin-left: 22em;
		_margin-left: 0em;
}
/**
 * pagetype_lista
 */
.pagetype_lista #section_main {
    margin-left: 22em;
		_margin-left: 0em;
}
/**
 * pagetype_novedades
 */
.pagetype_novedades #section_main {
    margin-left: 22em;
		_margin-left: 0em;
}
/**
 * pagetype_homepage
 */
.pagetype_homepage #section_main {
    margin-left: 0em;
    /* Efecto de columnas de igual alto */
    overflow: hidden;
}
/* ============================================================================
 * Sección: Homepage
 * ============================================================================
 */
#main_homepage {
}

#main_homepage #introduction {
    width: 50%;
    float: left;
    margin-right: 1em;
}

#main_homepage.edit #introduction {
    width: 50%;
}

#main_homepage #latest_books {
    width: 47%;
    float: right;
    height: 100%;
    background: #d9d9d9;
    border-left: 2px solid #a0a0a0;
    /* Efecto de columnas de igual alto */
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

#main_homepage.edit #latest_books {
    width: 43%;
		background: #f0f0f0;
		border: 0;
}

#main_homepage #latest_books_catalog {
		width: 45%;
    float: left;
    padding: 1.5%;
    padding-left: .83em;
    background: #e8e8e8;
    /* Efecto de columnas de igual alto */
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

#main_homepage #latest_books_export {
    width: 45.5%;
    float: right;
    padding: 1.5%;
    padding-left: .83em;
    background: #f1f1f1;
    /* Efecto de columnas de igual alto */
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

#main_homepage .libros {
    margin-top: 1.2em;
		*margin-top: 3.2em;
		_margin-top: 1em;
    display: inline-block;
}

#main_homepage .libro {
    width: 100%;
    _width: auto;
    _float: left;
    margin-bottom: .5em;
    _margin-bottom: .2em;
    display: inline-block;
    vertical-align: top;
}

#main_homepage .libro .portada {
    float: left;
}

#main_homepage .libro .portada img {
    width: 4em;
		border: 1px solid gray;
}

#main_homepage .libro .datoslibro {
    margin-left: 4.3em;
		_margin-left: 4.2em;
}

#main_homepage .datoslibro .titulo {
    font-size: 0.9em;
    color: #505050;
    acolor: black;
    font-weight: bold;
}

#main_homepage .datoslibro .subtitulo {
    font-size: 0.9em;
    font-style: italic;
    color: #606060;
    margin-bottom: .3em;
}

#main_homepage .datoslibro .autor {
    font-size: .9em;
    font-style: italic;
    margin-top: .5em;
    margin-bottom: .5em;
    padding-bottom: .5em;
}

#main_homepage .datoslibro .editorial {
    font-size: .8em;
    margin-top: .5em;
    margin-bottom: .5em;
}

#main_homepage .datoslibro .ean {
    font-size: .9em;
    margin-top: .5em;
    margin-bottom: .5em;
}

#main_homepage .datoslibro .pvp {
    font-size: 1em;
    font-weight: bold;
    color: blue;
    margin-top: .5em;
    margin-bottom: .5em;
}
/* ============================================================================
 * Sección: Editoriales
 * ============================================================================
 */
#main_editoriales {
}

#main_editoriales h4 {
	margin-bottom: .8em;
	color: #777;	
	border-bottom: 1px solid gray;
}

#main_editoriales #novedades {
	margin-top: 2em;
	width: 100%;
	display: inline-block;
}

	#main_editoriales #novedades .item  {
		display: inline-block;
		float: left;
	}
	
	#main_editoriales #novedades .item table  {
		text-align: center;
		width: 100%;
	}
	
	#main_editoriales #novedades  .novedad {
		margin-bottom: 1em;
	}
	
	#main_editoriales #novedades .novedad tr td {
		vertical-align: middle;
		text-align: center;
		height: 12em;
	}
	
	#main_editoriales #novedades .novedad img {
			width: 11em;
			margin-bottom: .5em;
	}
	
	#main_editoriales #novedades .novedad .nombre {
		font-weight: bold;
	}

#main_editoriales #destacadas {
	margin-top: 2em;
}

#main_editoriales #destacadas table {
	margin-left: 4em;
}

	#main_editoriales #destacadas table tr {
		height: 3em;
	}
		
	#main_editoriales #destacadas table td {
		vertical-align: middle;
	}
	
	#main_editoriales #destacadas .imagen {
	}
	
	#main_editoriales #destacadas .imagen img {
		width: 6em;
	}
	
	#main_editoriales #destacadas .datos {
		padding: 0 1em;
	}
	
	#main_editoriales #destacadas .datos .nombre {
		font-weight: bold;
	}

#main_editoriales #importacion {
	margin-top: 2em;	
}

#main_editoriales #nacionales {
	margin-top: 2em;	
	margin-bottom: 2em;
}

	#main_editoriales .listaSimple table {
		width: 100%;
	}

	#main_editoriales .listaSimple table tr {
		height: 2.5em;
	}
		
	#main_editoriales .listaSimple table td {
		vertical-align: middle;
	}
	
	#main_editoriales .listaSimple .datos {
		padding: 0 5em;
	}
	
	#main_editoriales .listaSimple .datos .nombre {
		font-weight: bold;
	}

/* Quitado por requisitos de cliente 2008-12-03 
 */
/*
#main_editoriales #list {
    width: 100%;
    margin: 0 auto;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#main_editoriales #list table {
    width: 100%;
    margin-bottom: 2em;
    _margin-bottom: 1.5em;
    margin-top: .4em;
    _margin-top: 0;
    font-size: 1.1em;
}

#main_editoriales #list td {
    padding-top: .3em;
    padding-bottom: .2em;
    padding-right: 1em;
}

#main_editoriales #list .col1 {
    width: 70%;
    padding-left: 4em;
}

#main_editoriales #list .break1 {
    font-size: 1.3em;
    border-bottom: 1px solid black;
    padding-top: 1em;
    padding-bottom: .3em;
}

#main_editoriales #list #pager {
    float: right;
		margin-bottom: 1em;
}
*/

/* ============================================================================
 * Sección: Novedades
 * ============================================================================
 */
#main_novedades {
}

#main_novedades #list #pager {
    float: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

#main_novedades #content {
    margin-bottom: 1.5em;
    _margin-bottom: 0;
}

#main_novedades #title2 {
    margin-top: .5em;
}

#main_novedades #content2 {
}

#main_novedades #list {
	 *margin-top: 2em;
}

#main_novedades #libros {
    margin-top: 1em;
    _margin-top: 1.2em;
    display: inline-block;
    width: 100%;
}

#main_novedades .fila {
    width: 100%;
    display: inline-block;
}

#main_novedades .libro {
    width: 48.5%;
    float: left;
    margin-bottom: .9em;
    display: inline-block;
    float: left;
}

#main_novedades .libro.izq {
    float: left;
    clear: both;
}

#main_novedades .libro.der {
    float: right;
}

#main_novedades .libro .portada {
    float: left;
}

#main_novedades .libro .portada img {
    width: 6em;
		border: 1px solid gray;
}

#main_novedades .libro .datoslibro {
    margin-left: 6.5em;
}

#main_novedades .datoslibro .titulo {
    font-size: 1.15em;
    font-weight: bold;
}

#main_novedades .datoslibro .subtitulo {
    font-size: 0.9em;
    font-style: italic;
    color: gray;
    margin-bottom: .3em;
}

#main_novedades .datoslibro .autor {
    font-size: 1.05em;
    font-style: italic;
    margin-top: .5em;
    margin-bottom: .5em;
    border-bottom: 1px solid gray;
    padding-bottom: .5em;
}

#main_novedades .datoslibro .editorial {
    font-size: .9em;
    margin-top: .5em;
    margin-bottom: .5em;
}

#main_novedades .datoslibro .ean {
    font-size: .9em;
    margin-top: .5em;
    margin-bottom: .5em;
}

#main_novedades .datoslibro .pvp {
    font-size: 1em;
    font-weight: bold;
    color: blue;
    margin-top: .5em;
    margin-bottom: .5em;
}

/* ============================================================================
 * Sección: Ofertas
 * ============================================================================
 */
#main_ofertas {
}

#main_ofertas #list #pager {
    float: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

#main_ofertas #content {
    margin-bottom: 1.5em;
    _margin-bottom: 0;
}

#main_ofertas #list {
	 *margin-top: 2em;;
}

#main_ofertas #libros {
    margin-top: .1em;
    _margin-top: 1.2em;
    display: inline-block;
    width: 100%;
}

#main_ofertas #libros #libros_wrapper {
		background: #eee;
		border: 1px solid #cba;
		padding: 1em;
}

#main_ofertas .fila {
    width: 100%;
    display: inline-block;
}

#main_ofertas .libro {
    width: 48.5%;
    float: left;
    margin-bottom: .9em;
    display: inline-block;
    float: left;
}

#main_ofertas .libro.izq {
    float: left;
    clear: both;
}

#main_ofertas .libro.der {
    float: right;
}

#main_ofertas .libro .portada {
    float: left;
}

#main_ofertas .libro .portada img {
    width: 6em;
		border: 1px solid gray;
}

#main_ofertas .libro .datoslibro {
    margin-left: 6.5em;
}

#main_ofertas .datoslibro .titulo {
    font-size: 1.15em;
    font-weight: bold;
}

#main_ofertas .datoslibro .subtitulo {
    font-size: 0.9em;
    font-style: italic;
    color: gray;
    margin-bottom: .3em;
}

#main_ofertas .datoslibro .autor {
    font-size: 1.05em;
    font-style: italic;
    margin-top: .5em;
    margin-bottom: .5em;
    border-bottom: 1px solid gray;
    padding-bottom: .5em;
}

#main_ofertas .datoslibro .editorial {
    font-size: .9em;
    margin-top: .5em;
    margin-bottom: .5em;
}

#main_ofertas .datoslibro .ean {
    font-size: .9em;
    margin-top: .5em;
    margin-bottom: .5em;
}

#main_ofertas .datoslibro .pvp {
    font-size: 1em;
    font-weight: bold;
    color: #f66;
    margin-top: .5em;
    margin-bottom: .5em;
}

/* ============================================================================
 * Sección: Delegaciones
 * ============================================================================
 */
#main_delegaciones {
}

#main_delegaciones #list {
    width: 100%;
    margin: 0 auto;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#main_delegaciones #list table {
    width: 100%;
    margin-bottom: 2em;
    _margin-bottom: 1.5em;
    margin-top: .0em;
    _margin-top: 0;
    font-size: 1.1em;
}

#main_delegaciones #list td {
    padding-top: .3em;
    padding-bottom: .2em;
    padding-right: 1em;
    apadding-left: 0em;
}

#main_delegaciones #list .datos {
    padding-left: 4em;
}

#main_delegaciones #list .nombre {
    font-size: 1.03em;
    font-weight: bold;
    font-style: italic;
    padding-top: .3em;
}

#main_delegaciones #list .ciudad {
    font-weight: bold;
    color: gray;
}

#main_delegaciones #list .break1 {
    font-size: 1.3em;
    border-bottom: 1px solid gray;
    padding-top: 1em;
    padding-bottom: .2em;
}

#main_delegaciones #list #pager {
    float: right;
		margin-bottom: 1em;
}


/* ============================================================================
 * Sección: Formulario de contacto
 * ============================================================================
 */

#main_contactar_form #section_main {
	width: 40em;
}

#main_contactar_form td {
	padding-top: 1em;
}

#main_contactar_form label {
	font-weight: bold;	
}

#main_contactar_form .form_error {
	color: red;	
}

#main_contactar_form #email, 
#main_contactar_form #asunto, 
#main_contactar_form #texto {
	width: 37em;
} 

#main_contactar_form #email, 
#main_contactar_form #asunto, 
#main_contactar_form #texto, 
#main_contactar_form #crypto {
	background: #fbfbe0;
	border: 2px solid #a0a0a0;
}

/* ============================================================================
 * Sección: Catálogo
 * ============================================================================
 */

#main_catalogo {
    min-height: 20em;
    _height: 20em;
}

#main_catalogo #search {
    font-size: .9em;
}

#main_catalogo #search #basico {
    float: left;
}

#main_catalogo #search #avanzado {
    float: left;
    padding-left: 4em;
}

#main_catalogo #search fieldset p {
    margin: 0;
    padding: 0;
}

#main_catalogo #search fieldset label {
    font-weight: bold;
    float: left;
    width: 6.6em;
}

#main_catalogo #search fieldset {
    float: left;
}

#main_catalogo #search #formButtons {
	float: left;
	margin-left: 2em;
}

#main_catalogo #search #btnBuscar .magsCssBtn {
    font-size: 1.1em;
    font-weight: bold;
}

#main_catalogo #search #btnReset .magsCssBtn {
    font-size: .8em;
}

#main_catalogo #libros #buttons {
	width: 100%;
	text-align: right;
	margin-bottom: 1em;
}

#main_catalogo #libros #btnCSV .magsCssBtn {
	font-size: .8em;
}

#main_catalogo #list #pager {
    float: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

#main_catalogo #content {
    margin-bottom: 1.5em;
    _margin-bottom: 0;
}

#main_catalogo #list {
}
 
#main_catalogo #libros {
    margin-top: 1em;
    _margin-top: 1.2em;
    display: inline-block;
    width: 100%;
}

#main_catalogo #list table {
	  font-size: 1em;
}

#main_catalogo #list table tr.shadow, 
#main_catalogo #list table .shadow td {
	  background: #f7f7f7;
}

#main_catalogo #list table thead th {
    vertical-align: bottom;
}

#main_catalogo #list table th {
    border-bottom: 1px solid black;
    padding: .5em .5em .3em .5em;
}

#main_catalogo #list table td {
    padding: .2em .5em .3em .5em;
}

#main_catalogo #list table .fecha {
    width: 4em;
}

#main_catalogo #list table .titulo {
    width: 27em;
}

#main_catalogo #list table .subtitulo {
    font-size: 90%;
    font-style: italic;
    color: gray;
}

#main_catalogo #list table .autor {
    width: 17em;
}

#main_catalogo #list table .editorial {
    width: 17em;
}

#main_catalogo #list table .ean {
    width: 9em;
}

#main_catalogo #list table .isbn_issn {
    width: 20em;
}
 
#main_catalogo #list table .pvp {
    width: 7em;
    text-align: right;
}

#main_catalogo #list table .edit {
		text-align: left;
		vertical-align: top;
}

#main_catalogo #list table .edit .cmsTextLink {
    width: 4em;
}

#main_novedades .fila {
    width: 100%;
    display: inline-block;
}

#main_novedades .libro {
    width: 48.5%;
    float: left;
    margin-bottom: .9em;
    display: inline-block;
    float: left;
}

#main_novedades .libro.izq {
    float: left;
    clear: both;
}

#main_novedades .libro.der {
    float: right;
}

#main_novedades .libro .portada {
    float: left;
}

#main_novedades .libro .portada img {
    width: 6em;
}

#main_novedades .libro .datoslibro {
    margin-left: 6.5em;
}

#main_novedades .datoslibro .titulo {
    font-size: 1.15em;
    font-weight: bold;
}

#main_novedades .datoslibro .subtitulo {
    font-size: 0.9em;
    font-style: italic;
    color: gray;
    margin-bottom: .3em;
}

#main_novedades .datoslibro .autor {
    font-size: 1.05em;
    font-style: italic;
    margin-top: .5em;
    margin-bottom: .5em;
    border-bottom: 1px solid gray;
    padding-bottom: .5em;
}

#main_novedades .datoslibro .editorial {
    font-size: .9em;
    margin-top: .5em;
    margin-bottom: .5em;
}

#main_novedades .datoslibro .ean {
    font-size: .9em;
    margin-top: .5em;
    margin-bottom: .5em;
}

#main_novedades .datoslibro .pvp {
    font-size: 1em;
    font-weight: bold;
    color: blue;
    margin-top: .5em;
    margin-bottom: .5em;
}

/* ============================================================================
 * Sección: Catálogo (detalle)
 * ============================================================================
 */

#detalle_libro {
	text-align: center;
}

#detalle_libro #libro_container {
	width: 40em;
	margin: 0 auto;
	display: inline-block;
	border: .33em solid gray;
	background: #f0f0f0;
	min-height: 25em;
	_height: 25em;
}

#detalle_libro #libro {
	abackground: transparent url(../images/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1em;
}

#detalle_libro #portada {
	float: left; 
}

#detalle_libro #portada img {
	width: 10em;
	border: 2px solid gray#fff1f1;;
}

#detalle_libro #datoslibro {
	text-align: left;
	margin-left: 12em; 
}

#detalle_libro .label {
	font-size: 1.1em;
	font-weight: bold;
	display: inline-block;
}

#detalle_libro .label.oferta {
	color: red;
}

#detalle_libro #titulo {
	font-size: 1.8em;
}

#detalle_libro #subtitulo {
	font-size: 1.4em;
	color: gray;
}

#detalle_libro #autor {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 2em;
}

#detalle_libro #editorial {
	margin-top: 3em;
}

#detalle_libro p {
	margin-bottom: 1em;
}

#detalle_libro #btnVolver {
	margin: 2em;
	margin-top: 4em;
	padding: 1.2em;
}


/* ============================================================================
 * Paginación
 * ============================================================================
 */

#pager {
    *padding: .5em 0 .4em 0;
}

#pager .item {
    font-size: .9em;
    border: 1px solid #b0b0b0;
    padding: .19em .5em .19em .55em;
    background: gray;
    color: white;
}

#pager a.item {
    background: white;
    color: black;
    font-weight: normal;
    text-decoration: none;
}

#pager a.item:hover {
    background: #c0c0c0;
}

#pager .nav {
    background: white;
    color: #c0c0c0;
}
/* ============================================================================
 * varios
 * ============================================================================
 */

#unavailable {
	width: 40em;
	margin: 0 auto;
	text-align: center;
}

#unavailable img {
	width: 15em;
}

#unavailable #unavailable_text {
	margin-top: 1em;
	font-size: 1.2em;
	font-weight: bold;
}

#login_form, 
#password_form,
#changepassword_form {
    width: 40em;
    margin: 0 auto;
}

#login_form table, 
#password_form table,
#changepassword_form table  {
	width: 100%;
}
	
#login_form th, 
#password_form th,
#changepassword_form th {
    width: 15em;
    vertical-align: bottom;
}

.form_error {
    font-size: .8em;
    color: red;
}

.message_info, .message_warning, .message_error,
.message_info_cms, .message_warning_cms, .message_error_cms  {
    margin: .5em 0 .5em 0;
    padding: .3em 0 .4em 0;
    font-size: 9pt;
}

.message_info {
		padding: .1em 1em .4em 2.5em;
		vertical-align: middle;

    border: 1px solid #c1bdff;
    border-left: 0;
    border-right: 0;
    background: #f0f8ff url("../images/icon_info.gif") 4px 2px no-repeat;
    color: black;
		font-weight: normal;
}

.message_warning {
		padding: .1em 1em .4em 2.5em;
		vertical-align: middle;

    border: 1px solid orange;
    border-left: 0;
    border-right: 0;
    background:  #fffed8  url("../images/icon_warning.gif") 4px 2px no-repeat;
    color: black;
		font-weight: normal;
}

.message_error {
		padding: .1em 1em .4em 2.5em;
		vertical-align: middle;

    border: 1px solid orange;
    border-left: 0;
    border-right: 0;
    background: #fff1d7  url("../images/icon_error.gif") 4px 2px no-repeat;
    color: black;
    font-weight: normal;
}

.message_info_cms {
		padding: .1em 1em .4em 3.5em;
		vertical-align: middle;

    border: 1px solid #c1bdff;
    border-left: 0;
    border-right: 0;
    background: #f0f8ff url("../images/icon_info_cms.gif") 4px 2px no-repeat;
    color: black;
		font-weight: normal;
}

.message_warning_cms {
		padding: .1em 1em .4em 3.5em;
		vertical-align: middle;

    border: 1px solid #c1bdff;
    border-left: 0;
    border-right: 0;
		background:  #fffed8  url("../images/icon_warning_cms.gif") 4px 2px no-repeat;
    color: black;
		font-weight: normal;
}

.message_error_cms {
		padding: .1em 1em .4em 3.5em;
		vertical-align: middle;

    border: 1px solid orange;
    border-left: 0;
    border-right: 0;
    background: #fff1d7  url("../images/icon_error_cms.gif") 4px 2px no-repeat;
    color: black;
    font-weight: normal;	
}

.msgbox {
	width: 70%; 
	margin: 0 auto;
}

.msgbox #actions {
	margin-top: 4em;
	text-align: center;
	
}

.colapsible_item_closed {
    background: url("../images/form_btn_zoom_in.gif") left no-repeat;
}

.colapsible_item_open {
    background: url("../images/form_btn_zoom_out.gif") left no-repeat;
}

.colapsible_item, .colapsible_item a, .colapsible_item a:active, .colapsible_item a:link {
    margin-bottom: 0;
    font-size: 1.3em;
    *font-size: 1.4em;
		*line-height: 1.4em;
    font-weight: bold;
    color: blue;
    text-decoration: none;
}

.colapsible_item {
    padding-left: 1.6em;
}

.colapsible_content {
    margin-top: 1em;
}

#busy_indicator {
    margin-top: 2em;
    text-align: center;
    padding: 3em;
}
/*
#busy_indicator {
	 z-index: 100;
	 position: absolute;
	 top: 40%;
	 left: 45%;
	 background-color: white;
	 border: 4px double #c0c0c0;
	 font-size: 1.2em;
	 font-weight: bolder;
}
*/
#siteclosed_message {
	background: red;
	color: white;
	padding: .3em;
	font-weight: bold;
}


/* ============================================================================
 * Estilos para el editor
 * ============================================================================
 */
.mceContentBody {
    background: white;
    text-align: left;
}

.caja1 {
    background: #eee;
    color: #333;
    padding: 1em;
}

.caja2 {
    background: #bbb; 
    color:  #111;
    padding: 1em;
}

.caja3 {
    background: #666; 
    color:  white;
    padding: 1em;
}

.caja4 {
    background: #999; 
    color:  #eee;
    padding: 1em;
}