/* CSS Document */

body {
    font-family:Cambria,Georgia;
	font-size:14px;
	color:#333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	background-image:url(recursos/fondogeneral.png);
	height:1.6px;
	}
	
a.menurapido {
  text-align: left;
  font-family: Cambria, Georgia;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  color: #000066;
}

a.menurapido:hover {
  text-align: left;
  font-family: Cambria, Georgia;
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
  color: #990000;
}

	
a.ficha_titulo {
  text-align: left;
  font-family: Cambria, Georgia;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #990000
}

a.ficha_titulo:hover {
  text-align: left;
  font-family: Cambria, Georgia;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: #990000
}

.ficha_autor {
  text-align: left;
  font-family: Cambria, Georgia;
  font-size: 12px;
  font-weight: bold;
  color: #444444;
}

.ficha_cuerpo {
  text-align: left;
  font-family: Cambria, Georgia;
  font-size: 12px;
  font-weight: normal;
  color: #777777;
}

.ficha_fecha {
  text-align: left;
  font-family: Cambria, Georgia;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

.ficha_isbn {
  text-align: left;
  font-family: Cambria, Georgia;
  font-size: 10px;
  font-weight: normal;
  color: #777777;
}


.introduccion {
  width: 600px;
  height: 110px;
  text-align: left;
  vertical-align: top;
  font-family: Cambria, Georgia;
  font-size: 14px;
  font-weight: normal;
  color: #676767;
}

.titulo_introduccion {
  text-align: left;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 16px;
  font-weight: bold;
  color: #9EAC95;
}

.pie_pagina {
  text-align: left;
  vertical-align: bottom;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 11px;
  font-weight: normal;
  color: #777777;
}

.selector {
  text-align: left;
  vertical-align: bottom;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
}

a.pie {
  text-align: left;
  vertical-align: bottom;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration:none;
  color: #FF6600;
}

a.pie:hover {
  text-align: left;
  vertical-align: bottom;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration:underline;
  color:#FF6600 ;
}		
	
/*navegacion catálogo .....................................................................................................*/ 

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	float: right;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 75px;
	height: 150px;

	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 2px; /*Set to same as spacing option. */
	
	/*do not change these */
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;  /*if you need padding, do so with an inner div */
}

/* background images are entirely optional*/
#kwick_edicionesb { 
	background-color: #eee;
	background-image: url('recursos/navegador1.png');
}

#kwick_vergara {
	background-color: #eee;
	background-image: url('recursos/navegador2.png');
}

#kwick_zetabolsillo {
	background-color: #eee;
	background-image: url('recursos/navegador3.png');
}

#kwick_bruguera { 
	background-color: #eee;
	background-image: url('recursos/navegador4.png');
}
.kwicks #kwick_bruguera {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}

/* fin de kwicks ###################  */

.boton_autores {
  background-color: #999;
  border: none;
  width: 104px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  cursor:pointer;
}

.boton_quienes {
  background-color: #444;
  border: none;
  width: 104px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  cursor:pointer;
}

.boton_contacto {
  background-color: #444;
  border: none;
  width: 104px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  cursor:pointer;
}

.boton_novedades {
  background-color: #9EAC95;
  border: none;
  width: 104px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  cursor:pointer;
}

.buscador {
  border:solid #e7e7e7;
  border-width:thin;
  font-family: Myriad, Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #444;
  width: 140px;
  height: 15px;
  background-color: #fff;
  cursor:pointer;
 }


/* the overlayed element .....................................................................................................*/ 
div.overlay { 
     
    /* growing background image ej.  background-image:url(recursos/white.png); */ 
     
    /* dimensions after the growing animation finishes   width:600px; height:470px; */ 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  ej. padding:55px;*/ 
	padding:25px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(recursos/close.png); 
    position:absolute; 
    right:20px; 
    top:7px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 

#autores {
	background-image:url(recursos/panel_autores.png);
	width:460px;
	height:700px
	}

#autores div.close {
	right:4px;
	top:-6px;
}

#quienes {
	background-image:url(recursos/panel_quienes.png);
	width:780px;
	height:460px;
	padding:0px;
}

#quienes div.close {
	right:4px;
	top:12px;
}

#contacto {
	background-image:url(recursos/panel_contacto.png);
	width:460px;
	height:430px
	}

#contacto div.close {
	right:4px;
	top:-6px;
}

#novedades {
	background-image:url(recursos/panel_novedades.png);
	width:810px;
	height:680px
}

#novedades div.close {
	right:0px;
	top:-8px;
}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 940px;
background-color: #fff;
border: 1px solid #fff;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
float:center;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;

height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 940px;}

#slideshow .slides ul {
width: 2880px;}

#slideshow .slides li {
width: 900px;
float: left;
padding: 5px;}

#slideshow .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #DFE4CF;
border-top: 1px solid #BBC4B1;
}

#slideshow .slides-nav li {
float: left;
}

#slideshow .slides-nav li a {
display: block;
padding: 7px 7px;
outline: none;
font-familiy: "Myriad", Myriad Pro, Lucida Sans Unicode, Lucida Grande, Tahoma, Verdana, Arial, Sans-Serif;
font-size:11px;
text-decoration:none;
font-weight: normal;
color:#3F3F20;}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #fff;}

.js #slideshow .slides-nav li.on a {
position: relative;
top: -4px;}