/*
----------------------------------------------------------------
	R E S E T    S T Y L E S
---------------------------------------------------------------- */
HTML , body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


/*
----------------------------------------------------------------
	G E N E R A L
---------------------------------------------------------------- */
body {
	font: normal 14px/1.4 Georgia, "Times New Roman", Times, serif;
	color: #666;
	background: #fff url(img/page-bg-general.gif) ;
	text-align:center;
	margin:0 auto;
}
body.Portada{
	
}
strong{
	font-weight:bold;
}
h1,h2,h3,h4,h5{
	font-weight:bold;
}
h1{
	font:normal 23px Georgia, "Times New Roman", Times, serif;
	color:#4F220E;
	margin-bottom:.5em;
}
h1.titulo{
	font:normal 30px/1 Georgia, "Times New Roman", Times, serif;
	color:#4F220E;
	margin-bottom:25px;
	padding:10px 0;
	background:url(img/dotted-horizontal-2.gif) repeat-x left bottom;
}
h1.titulo span{
	display:block;
	font:normal 14px/1 Georgia, "Times New Roman", Times, serif;
	color:#A48F86;
	padding-top:5px;
}
a.linkCompra img{
	float:right;
	padding-top:20px;
}
h2{
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin-bottom:1em;
}
h2.titulo{
	background:url(img/h2-titulo-bg.gif) repeat-x top left;
	padding:12px 0 13px 10px;
	
}
h3{
	color:#000;
	margin-bottom:.5em;
}
h3.titulo{
	margin:0;
}
p{
	margin-bottom:.8em;
}
a{
	color:#4F220E;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
ul{
	margin-bottom:10px;
}
ul li{
	background:url(img/vineta-general.gif) no-repeat left .5em;
	padding-left:10px;
	margin-bottom:.8em;
}

td,th{
	padding:5px;
	vertical-align:top;
}
th{
	font-weight:bold;
}

hr{
	margin:20px 0;
}
em{
	font-style:italic;

}
.keywords{
	display:none;
}
/*
----------------------------------------------------------------
	L A Y O U T
---------------------------------------------------------------- */

#Encabezado{
	width:900px;
	height:160px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:1000;
}
#PageWrapper1{
	background:url(img/fondo-sombra.png) repeat-y center;
}
#PageWrapper{
	width:900px;
	position:relative;
	margin:0 auto;
	text-align:left;
	background:url(img/portada-encabezado.jpg) no-repeat center top;
}
#PageWrapper:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}
body.Portada #PageWrapper{
	background:url(img/portada-encabezado-fondo.jpg) no-repeat center top;
}


#Contenedor{
	width:900px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:#fff url(img/contenedor-bg.gif) repeat-x left top;
	padding:20px 0;
}
#Contenedor:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}
#Contenedor #Inner{
	width:860px;
	margin-left:20px;
}
#Contenedor #Inner:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}
.fondoElLobo{
	background:url(img/fondo-el-lobo.png) no-repeat 240px center;
}


#Inner .col1{
	float:left;
	width:180px;
}
#Inner .col2{
	float:right;
	width:640px;
}


#Pie{
	clear:both;
	width:900px;
	margin:0 auto;
	padding:20px 0 15px 0;
	background:#666666 url(img/pie-bg.gif) repeat-x left top;
	text-align:center;
}

#bannerPie{
	clear:both;
	width:900px;
	margin:0 auto;
	padding:0px 0 20px 0;
	text-align:center;
}


/*
----------------------------------------------------------------
	E N C A B E Z A D O
---------------------------------------------------------------- */
#Logo{
	position:absolute;
	top:26px;
	left:0px;	
}

#MenuPrincipal{
	padding:0; margin:0;
	position:absolute;
	top:29px;
	right:30px;	
	z-index:1200;
}

#MenuPrincipal li{
	float:left;
	padding:0px 13px 0 0;
	margin:0;
	background:none;
}
#MenuPrincipal a#btLivres{
	display:block;
	height:27px;
	width:61px;
	background:url(img/bt_livres.jpg) no-repeat;
	text-indent:-9999px;
}
#MenuPrincipal a#btBiographie{
	display:block;
	height:27px;
	width:103px;
	background:url(img/bt_biographie.jpg) no-repeat;
	text-indent:-9999px;
}

#MenuPrincipal li.current{
	background:#292929;
	border-top:1px solid #373737;
	border-bottom:1px solid #373737;
}



/*
----------------------------------------------------------------
	C A J A S   G E N E R A L E S
---------------------------------------------------------------- */
.breadcrumbs{
	background:url(img/dotted-horizontal-2.gif) repeat-x left bottom;
	color:#B9A9A2;
	font-size:11px;
	padding-bottom:5px;
}
.breadcrumbs a{
	color:#B9A9A2;
	text-decoration:none;
}

.verMas a{
	color:#000;
	font-weight:bold;
}

.box{
	margin-bottom:20px;
}


.menuLateral{
	margin:0; padding:0;
}

.menuLateral li{
	background:url(img/dotted-horizontal.gif) repeat-x left bottom;
	margin:0px;
	padding:7px 5px;
}

.menuLateral li.ultimo{
	background:none;
}
.menuLateral li a{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#4F220E;
}
.menuLateral li a:hover{
	text-decoration:underline;
}


.libroImagen{
	background:url(img/libroImagen-fondo.gif) no-repeat left top;
	padding:8px 8px;
	float:right;
	margin-left:30px;
}
.textoLibro{
	width:400px;	
}

.thumbIzq{
	float:left;
	margin:0 10px 10px 0;
}
.thumbDer{
	float:right;
	margin:0 0 10px 10px;
}

div.separador{
	background:url(img/separador.gif) repeat-x left top;
	height:3px;
	line-height:3px;
	margin-top:20px;
	margin-bottom:15px;
}
#librosIndex li{
	float:left;
	margin-right:10px;
}
#librosIndex img{
	border:1px solid #D3C49E;
	background:#ECE6D5;
	padding:4px;
}
#librosIndex a:hover img{
	border:1px solid #000;
	background:#666;
}


/*
----------------------------------------------------------------
	P I E
---------------------------------------------------------------- */
#Pie{
	color:#B3B3B3;
}
#Pie a{
	color:#fff;
}
#Pie .creditos{
	font-size:10px;
}
#Pie .creditos a{
	color:#B3B3B3;
}



/*
----------------------------------------------------------------
	P O R T A D A
---------------------------------------------------------------- */
.Portada #Encabezado{
	height:215px;
}
#promoImagen{
	position:absolute;
	top:131px;
	left:600px;
	z-index:5000;	
}
#PromoPortada{
	padding-left:340px;
	width:560px;
	height:224px;
	margin:0 auto;
	text-align:left;
	position:relative;
	border-bottom:1px solid #000;
}
#PromoPortada .sobreTitulo{
	font:bold 14px/1 Arial, Helvetica, sans-serif;
	color:#ff0;
	margin-bottom:10px;
	margin-left:10px;
}
#PromoPortada .titulo{
	font:bold 30px/1 Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:20px;
	margin-right:100px;
	background:#303030;
	padding:5px 10px;
}
#PromoPortada .descripcion{
	font:12px/1.5 Arial, Helvetica, sans-serif;
	color:#A8A8A8;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:290px;
}
#PromoPortada .link a{
	font:bold 14px/1 Arial, Helvetica, sans-serif;
	color:#36B5CC;
	text-decoration:none;
	margin-left:10px;
}
#PromoPortada .link a:hover{
	text-decoration:underline;
}
#librosCarrusel{
	width:860px;
}
#librosCarrusel img{
	border:1px solid #D3C49E;
	background:#ECE6D5;
	padding:4px;
}
#librosCarrusel a:hover img{
	border:1px solid #000;
	background:#666;
}