@charset "utf-8";
/* CSS Document */

html, body
{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color:#2d2b28;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	cursor:default;
}

body
{
	background:url(../images/background.jpg) repeat center top;
}

#wrapper
{
	position:relative;
	display:block;
	left:50%;
	margin:0 0 0 -395px;
	width:790px;
	height:1000px;
	padding:0;
	z-index:1;
}

a, a:hover
{
	cursor:pointer;
	text-decoration:none;
}

a h1, a h2, a h3, a h4, a h5
{
	color:#2d2b28;
}

a img
{
	border:0;
}

.shadow
{
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);
	-webkit-box-shadow:0px 0px 5px 0 rgba(0,0,0,0.75);
	box-shadow:0px 0px 5px 0 rgba(0,0,0,0.75);
}

.shadow:hover
{
	-moz-box-shadow:0 0 5px 0 rgba(255,255,255,0.75);
	-webkit-box-shadow:0px 0px 5px 0 rgba(255,255,255,0.75);
	box-shadow:0px 0px 5px 0 rgba(255,255,255,0.75);
}

.textShadow
{
    text-shadow:0 0 5px #000000;
}

.textShadowWhite
{
    text-shadow:1px 1px 0 #ffffff;
}

/* Header */
#header
{
	position:relative;
	display:block;
	height:123px;
	width:780px;
	margin-top:0px;
	background:url(../images/backgroundHeader.jpg) no-repeat top center;
}

.inicio
{
	position:absolute;
	display:block;
	top:15px;
	right:20px;
	line-height:31px;
	padding-right:35px;
	background:url(../images/home.png) no-repeat top right;
	color:#9d9d9d;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

.inicio:hover, .inicio.active
{
	background-position:bottom right;
	color:#fff;
}

.inicio.active:hover
{
	cursor:default;
}

#header .otherPages
{
	position:absolute;
	display:block;
	bottom:10px;
	right:20px;
	width:60%;
}

#header .otherPages a
{
	position:relative;
	float:right;
	margin-left:20px;
}

#header .otherPages .goodreads
{
	margin-top:-5px;
}

/* Cover */
#cover
{
	position:relative;
	display:block;
	width:780px;
	height:593px;
	margin-top:0px;
	background:url(../images/cover.jpg) no-repeat center top;
}

#cover .title
{
	position:absolute;
	display:block;
	top:285px;
	left:20px;
}

#cover h1, #cover h3
{
	color:#fff;
}

#cover .otherPages, #cover .website
{
	position:absolute;
	display:block;
	top:490px;
	text-align:left;
}

#cover .otherPages
{
	left:20px;
}

#cover .otherPages a
{
	float:left;
	margin-right:20px;
}

#cover .otherPages .amazon
{
	margin-top:8px;
}

#cover .otherPages p
{
	color:#9d9d9d;
	margin:0 0 6px 0;
}

#cover .website
{
	right:20px;
}

#cover .website a
{
	display:block;
}

#cover .website p
{
	color:#fff;
	margin:0 0 7px 0;
}
 
#cover .website p, #cover .otherPages p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	padding:0;
}

/* Footer */
#footer
{
	position:absolute;
	bottom:15px;
	left:0;
	width:780px;
}

#footer .logo
{
	position:absolute;
	display:block;
	bottom:0;
	left:0;
}

.copyright
{
	position:absolute;
	display:block;
	bottom:0;
	left:110px;
	font-size:.8em;
	line-height:normal;
	margin:0 0 -2px 0;
	padding:0;
}

.developedBy
{
	position:absolute;
	display:block;
	right:0;
	bottom:0;
	text-align:center;
	font-size:.7em;
	line-height:2em;
	margin:0 0 -5px 0;
	padding:0;
}

.developedBy img
{
	display:inline;
}




/* Textos */
h1, h2, h4
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:0;
	padding:0;
}

h1
{
	font-size:58px;
	line-height:55px;
}

h2
{
	font-size:36px;
	line-height:normal;
}

h3
{
	font-size:30px;
	line-height:55px;
	font-weight:normal;
	margin:0;
	padding:0;
}

h4
{
	font-size:24px;
	line-height:24px;
}

h5
{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	margin:0;
	padding:0;
}

h6
{
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* Scrollables */
.scrollable
{
	position:relative;
	overflow:hidden;
}

.scrollable .items
{
	width:20000em;
	position:absolute;
}

.scrollable.autor .items img, .scrollable.libros .items a
{
	position:relative;
	float:left;
	margin:0;
}

.navi
{
	position:absolute;
	display:block;
	bottom:0;
	right:0;
	margin:0 -2px -20px 0;
	width:100%;
	height:16px;
	text-align:right;
}

.navi a
{
	position:relative;
	display:inline;
	font-size:1px;
	line-height:1px;
	width:1px;
	height:1px;
	padding:14px 14px 0 0;
	background-image:url(../images/navi.png);
	background-position:center top;
	background-repeat:no-repeat;
	text-decoration:none;
}

.navi a:hover, .navi a.active:hover
{
	text-decoration:none;
	background-position:center bottom;
}

.navi a.active
{
	background-position:center center;
}
	
/* Blocks */
.block
{
	display:block;
	margin:5px;
	background-color:#385e9d;
}

.block.large, .block.medium, .block.small
{
	position:relative;
	float:left;
}

.large, .large .scrollable
{
	width:290px;
	height:290px;
}

.medium, .medium .scrollable
{
	width:148px;
	height:222px;
}

.small, .small .scrollable
{
	width:180px;
	height:140px;
}

.block h4
{
	position:absolute;
	top:0;
	left:0;
	line-height:50px;
	padding:0 20px;
	background-color:#385e9d;
	color:#fff;
	z-index:200;
}

.block h4.simple
{
	padding:0 0 0 10px;
	background-color:transparent;
	color:#2d2b28;
}

h2.title
{
	position:absolute;
	top:0;
	left:0;
	line-height:60px;
	padding:0 10px;
	color:#fff;
	z-index:200;
	background-color:#385e9d;
}

.medium h2.title
{
	background-color:transparent;
}

.boxTitle
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 0;
	z-index:200;
}

.scrollable .boxTitle
{
	padding:10px 0 15px 0;
}

.boxTitle h2, .boxTitle h5
{
	padding:0 10px;
	z-index:250;
}

.boxTitle.shade
{
	background:url(../images/gradientText.png) repeat-x top left;
}

.boxTitle.shade h2, .boxTitle.shade h5
{
	color:#fff;
}

.icon
{
	position:absolute !important;
	display:block !important
	top:0 !important;
	right:0 !important;
	margin:10px 10px 0 0 !important;
	width:31px !important;
	height:31px !important;
	z-index:500 !important;
}

/* Tabs */
.block.medium .tabs
{
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	width:100%;
	padding:0;
}

.block.medium .tabs a
{
	position:relative;
	display:block;
	width:148px;
	height:74px;
	margin:0;
	padding:0;
}

.block.medium .tabs a h4
{
	position:relative;
	display:block;
	width:98px;
	height:62px;
	padding:12px 40px 0 10px;
	line-height:1em;
	vertical-align:middle;
	margin:0;
	background-color:transparent;
}

.block.medium .tabs .current, .block.medium .tabs a:hover
{
	cursor:pointer;
	background-image:url(../images/next.png);
	background-repeat:no-repeat;
	background-position:105px center;
}

.block.medium .tabs .current
{
	background-color:#2d2b28;
}

.panes .pane
{
	display:none;
}

/* Lista de libros */
.libroThumb img
{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:148px;
	height:148px;
}

.libroThumb span
{
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	padding:0 10px;
	width:128px;
	height:74px;
}

.libroThumb h6, .libroThumb p
{
	position:absolute;
	display:block;
	color:#fff;
	margin:0;
	padding:0;
	width:128px;
}

.libroThumb h6
{
	top:6px;
}

.libroThumb p
{
	bottom:8px;
	font-size:12px;
	line-height:13px;
}

.libroThumb h4
{
	position:absolute;
	display:block;
	color:#fff;
	line-height:normal;
	background-color:transparent;
	margin:0;
	padding:8px 10px;
	bottom:0;
	top:auto;
}

.libroThumb:hover
{
	background-color:#2d2b28;
}

.moreInfo
{
	position:relative;
	display:block;
	margin-bottom:0;
	padding:0 0 0 50px;
	background:url(../images/masInfo.png) no-repeat left center;
	height:40px;
	width:600px;
	line-height:normal;
	clear:both;
}

.moreInfo a
{
	color:#385e9d;
	font-weight:bold;
}

.moreInfo a:hover
{
	color:#2d2b28;
}

/* Columnas */
.columnaI, .columnaC, .columnaD
{
	position:relative;
	float:left;
	background-color:transparent !important;
}

.columnaI
{
	width:230px;
}

.columnaC
{
	width:360px;
	padding:0 20px;
	padding-top:9px;
}

.columnaD
{
	width:130px;
	padding-top:15px;
}

.columnaC.large
{
	padding-right:0;
	width:525px;
	height:700px;
}

.columnaI h2.title
{
	position:relative;
	width:210px;
}

.title .icon
{
	margin:3px 10px 0 0 !important;
}

.portada
{
	position:relative;
	display:block;
	margin:0;
	padding:0;
}

.info
{
	position:relative;
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #2d2b28;
	font-size:.9em;
}

.info.last
{
	border:0;
}

.option
{
	position:relative;
	display:block;
	width:180px;
	padding:0 0 0 50px;
	margin-bottom:10px;
	background-color:#385e9d;
	background-repeat:no-repeat;
	background-position:10px center;
}

.option:hover
{
	background-color:#2d2b28;
}

.option h4
{
	position:relative;
	display:inline;
	background-color:transparent;
	margin:0;
	padding:0;
	line-height:51px;
}

.pdf
{
	background-image:url(../images/pdf.png);
}	

.columnaC p
{
	font-size:.9em;
}

.viewMore
{
	position:relative;
	display:block;
	margin-bottom:30px;
}

.viewMore h4
{
	position:relative;
	display:block;
	line-height:31px;
	padding:0 0 0 35px;
	margin:0;
	color:#385e9d;
	background:url(../images/verMas.png) no-repeat top left;
}

.viewMore:hover h4
{
	color:#2d2b28;
	background-position:bottom left;
}

.viewMore p
{
	font-size:.8em;
	margin:0;
	padding:0;
	color:#2d2b28;
}

/* AddThis */
.addthis_toolbox a
{
	display:block;
}

/* Autor */
.tabs2
{
	positon:relative;
	display:block;
}

.tabs2 a
{
	font-size:26px;
	float:left;
	margin-right:20px;
	line-height:56px;
	color:#2d2b28;
}

.tabs2 .current, .tabs2 a:hover
{
	color:#fff;
}

.scroll
{
	position:relative;
	display:block;
	height:633px;
	overflow:auto;
	padding:10px 20px 0 0;
	border-top:1px #2d2b28 solid;
}