/*
	Cascading style sheets for "El món i un llibre", v1.0 (20070712)
	Copyright 2007 Emanuele Rodriguez <erodri@gmail.com>
*/

body {
	color: #7c684a;
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 62.5%;
}

img {
   border: none;
}

p {
   margin: .8em 0;
	padding: 0;
}

a {
   color: #000;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

img {
   border: none;
}



/*
	page
*/

#page {
   text-align: left;
   margin: 0;
   width: 996px;
}



/*
	header
*/
#header {
   background: #000;
	border-bottom: 10px solid #e5d2a8;
	height: 100px;
	overflow: hidden;
}

body.llibre #header {
	border-bottom: 10px solid #c1d1d2;
}

body.trobada #header {
	border-bottom: 10px solid #6f6b6f;
}

body.convertirse #header {
	border-bottom: 10px solid #647472;
}

body.lectures #header {
	border-bottom: 10px solid #e40005;
}

body.biobibliografies #header {
	border-bottom: 10px solid #a06c45;
}

body.munda #header {
	border-bottom: 10px solid #f46523;
}

body.critica #header {
	border-bottom: 10px solid #d0c765;
}

body.traduccio #header {
	border-bottom: 10px solid #f3bd2a;
}

body.moviment #header {
	border-bottom: 10px solid #337f74;
}

#header .logo {
	float: left;
	margin: 12px 0 0 0;
   padding: 0 0 0 45px;
}

#header .menu {
	background: url(../images/header_menu_bg.gif) no-repeat top right;
	float: right;
	font-size: 1.1em;
	letter-spacing: .115em;
	height: 90px;
	list-style: none;
	margin: 0;
	padding: 10px 30px 0 0;
	text-align: right;
}

#header .menu li {
	padding: 5px 10px 6px 0;
}

#header .menu a {
	color: #e5d2a8;
	font-weight: bold;
	text-transform: uppercase;
}

#header .menu a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

#header .menu li.sel {
	background: url(../images/header_menu_sel_bg.gif) no-repeat right;
}

#header .menu li.sel a {
	color: #fff;
}



/*
	navigation
*/
#navigation {
	float: left;
	margin: 35px 20px 50px 0;
   width: 210px;
}



/*
	menu
*/
#menu{
	background: url(../images/menu_bg.gif) no-repeat 40px 3px;
}

#menu,
#menu ul {
	height: 1%;
	list-style: none;
	letter-spacing: .03em;
	margin: 0;
	padding: 0;
}

#menu_llibre,
#menu_trobada,
#menu_lector {
	font-size: 1.1em;
}

#menu_llibre {
	background: url(../images/menu_llibre_bg.gif) no-repeat 0 0;
	margin: 0;
	padding: 0 0 12px 88px;
}

#menu_llibre.sel {
	background: url(../images/menu_llibre_sel_bg.gif) no-repeat 0 0;
}

#menu_llibre li {
	height: 30px;
}

#menu_llibre a {
	color: #fff;
   padding-left: 25px;
	display: block;
	width: 85px;
	height: 30px;
}

#menu_llibre .sentit a {
   width: 4.3em;
}

#menu_llibre .economia a {
   width: 6.4em;
}

#menu_llibre li.sel a {
	background: url(../images/menu_llibre_item_sel_bg.gif) no-repeat 0 3px;
}

#menu_llibre a:hover {
	background: url(../images/menu_llibre_item_hover_bg.gif) no-repeat 0 3px;
	color: #6a9092;
	text-decoration: none;
}

#menu_trobada {
	line-height: 0;
	font-size: 1px;
	margin-left: 45px;
}

#menu_trobada a {
	color: #fff;
	display: block;
	font-size: 1px;
	height: 25px;
	width: 101px;
}

#menu_trobada.sel a {
	background: url(../images/menu_trobada_sel_bg.gif) no-repeat 0 1px;
}

#menu_trobada a:hover {
	background: url(../images/menu_trobada_hover_bg.gif) no-repeat 0 1px;
	text-decoration: none;
}

#menu_lector {
	background: url(../images/menu_lector_bg.gif) no-repeat 0 0;
	height: 200px;
	overflow: hidden;
	padding: 21px 0 0 40px;
}

#menu_lector.sel {
	background: url(../images/menu_lector_sel_bg.gif) no-repeat 0 0;
}

#menu_lector li {
	float: left;
	display: inline; /* fix for IE6 */
}

#menu_lector li a {
	color: #6a9092;
	display: block;
	text-decoration: none;
}

#menu_lector li a span {
	display: block;
	padding-left: 2px;
	visibility: hidden;
}

#menu_lector li a:hover span {
	cursor: pointer;
	visibility: visible;
}

/* convertirse */

#menu_lector li.convertirse {
	margin-left: 3px;
}

#menu_lector li.convertirse a {
	width: 67px;
}

#menu_lector li.convertirse a,
#menu_lector li.convertirse a span {
	height: 46px;
}

#menu_lector li.convertirse a span {
	background: url(../images/menu_lector_convertirse_hover_bg.gif) no-repeat;
}

#menu_lector li.convertirse a.sel {
	background: url(../images/menu_lector_convertirse_sel_bg.gif) no-repeat 19px 29px;
}

/* lectures */

#menu_lector li.lectures {
	margin-left: -5px;
}

#menu_lector li.lectures a {
	width: 48px;
}

#menu_lector li.lectures a,
#menu_lector li.lectures a span {
	height: 46px;
}

#menu_lector li.lectures a span {
	background: url(../images/menu_lector_lectures_hover_bg.gif) no-repeat;
}

#menu_lector li.lectures a.sel {
	background: url(../images/menu_lector_lectures_sel_bg.gif) no-repeat 7px 29px;
}

/* biobibliografies */

#menu_lector li.biobibliografies {
	margin-top: 37px;
}

#menu_lector li.biobibliografies a {
	width: 81px;
}

#menu_lector li.biobibliografies a,
#menu_lector li.biobibliografies a span {
	height: 33px;
}

#menu_lector li.biobibliografies a span {
	background: url(../images/menu_lector_biobibliografies_hover_bg.gif) no-repeat;
}

#menu_lector li.biobibliografies a.sel {
	background: url(../images/menu_lector_biobibliografies_sel_bg.gif) no-repeat 2px 16px;
}

/* munda */

#menu_lector li.munda {
	margin: 24px 0 0 -36px;
}

#menu_lector li.munda a {
	width: 38px;
}

#menu_lector li.munda a,
#menu_lector li.munda a span {
	height: 46px;
}

#menu_lector li.munda a span {
	background: url(../images/menu_lector_munda_hover_bg.gif) no-repeat;
}

#menu_lector li.munda a.sel {
	background: url(../images/menu_lector_munda_sel_bg.gif) no-repeat 2px 29px;
}

/* critica */

#menu_lector li.critica {
	margin: 9px 0 0 6px;
}

#menu_lector li.critica a {
	width: 52px;
}

#menu_lector li.critica a,
#menu_lector li.critica a span {
	height: 61px;
}

#menu_lector li.critica a span {
	background: url(../images/menu_lector_critica_hover_bg.gif) no-repeat;
}

#menu_lector li.critica a.sel {
	background: url(../images/menu_lector_critica_sel_bg.gif) no-repeat 2px 44px;
}

/* traduccio */

#menu_lector li.traduccio {
	clear: left;
	margin: 39px 0 0 3px;
}

#menu_lector li.traduccio a {
	width: 67px;
}

#menu_lector li.traduccio a,
#menu_lector li.traduccio a span {
	height: 31px;
}

#menu_lector li.traduccio a span {
	background: url(../images/menu_lector_traduccio_hover_bg.gif) no-repeat;
}

#menu_lector li.traduccio a.sel {
	background: url(../images/menu_lector_traduccio_sel_bg.gif) no-repeat 19px 14px;
}

/* moviment */

#menu_lector li.moviment {
	margin-top: 24px;
}

#menu_lector li.moviment a {
	width: 54px;
}

#menu_lector li.moviment a,
#menu_lector li.moviment a span {
	height: 46px;
}

#menu_lector li.moviment a span {
	background: url(../images/menu_lector_moviment_hover_bg.gif) no-repeat;
}

#menu_lector li.moviment a.sel {
	background: url(../images/menu_lector_moviment_sel_bg.gif) no-repeat 2px 29px;
}

/* general */

#menu_lector li a:hover {
	background-image: none;
	background-position: 0 0; /* fix for IE6 */
	text-decoration: none;
}



/*
	main
*/
#main {
	float: left;
	margin-bottom: 50px;
	overflow: hidden;
	width: 766px;
}

#main h2 {
	clear: left;
	color: #dabe81;
	font-size: 2.2em;
	margin: 0;
	padding: 0 0 19px 0;
}

#main h3 {
	clear: left;
	color: #000;
	font-size: 1.6em;
	margin: 0;
	padding: 1.25em 0 0 0;
}

#main h4 {
	clear: left;
	color: #000;
	font-size: 1.1em;
	margin: 1em 0 -.5em 0;
	padding: 0;
}

#main h5 {
	clear: left;
	font-size: 1em;
	margin: 1em 0 -.75em 0;
	padding: 0;
}

#main .link {
	background: url(../images/icon_extlink.gif) no-repeat 0 1px;
/*	padding: 3px 0 3px 20px;*/
	height: 1%;
	min-height: 18px;
	margin-top: -.25em;
	padding: 0 0 .8em 20px;
}

#main .link a {
   border-bottom: 1px dotted #7c684a;
	color: #7c684a;
	font-size: .9em;
	letter-spacing: -.01em;
	text-transform: uppercase;
}

#main .link a:hover {
   border-bottom: 1px solid #7c684a;
	text-decoration: none;
}



/*
	intro
*/

#main #intro {
	font-size: 1.1em;
	margin: 31px 0 0 0;
	height: 80px;
	letter-spacing: .075em;
}

#main #intro .subtitle {
   padding: 0;
}

body.llibre #main #intro h2 {
	color: #6a9092;
}

body.trobada #main #intro {
   height: 50px;
}

body.trobada #main #intro h2 {
	color: #6f6b6f;
}



/*
	content
*/

#main #content {
	float: left;
	font-size: 1.1em;
	letter-spacing: .05em;
	margin: -1em 0 0 0;
	padding-right: 50px;
   width: 580px;
}

#main #content a {
	color: #7c684a;
	border-bottom: 1px dotted #7c684a;
}

#main #content a:hover {
	color: #7c684a;
	border-bottom: 1px solid #7c684a;
	text-decoration: none;
}

#main #content .multicol,
#main #content .gallery {
	clear: left;
	margin-right: -20px;
	padding-right: 30px;
   width: 600px;
}

* html #main #content .multicol {
   margin-right: -50px; /* Fix for IE6 */
}
* html #main #content .gallery {
   margin-right: -50px; /* Fix for IE6 */
}


#main #content .col,
#main #content .col1,
#main #content .col2 {
	float: left;
	padding-right: 20px;
}

#main #content .col {
	width: 180px;
}

#main #content .col1 {
	padding-left: 40px;
	width: 140px;
}

#main #content .col2 {
	width: 380px;
}

#main #content #showcase {
	background-color: #e5d2a8;
	margin-top: 1.3em;
	padding: 10px;
	height: 1%;
	position: relative;
}

#main #content #showcase a {
	border: none;
}

#main #content #showcase img,
#main #content #showcase embed,
#main #content #showcase object {
	display: block;
}

#main #content #showcase .object {
	border: 1px solid #fff;
	min-height: 1px;
}

#main #content #showcase .caption {
	color: #000;
	position: absolute;
}

#main #content #showcase .caption h5 {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .06em;
	margin: 0;
	padding: 0;
}

#main #content #showcase .caption p {
	font-size: 1.1em;
	letter-spacing: .02em;
}

#main #content #showcase .caption .moreinfo {
	display: block;
	float: left;
	margin-top: 5px;
}

#main #content #showcase .info {
	position: absolute;
	background: #fff;
	border: 1px solid #dfc895;
	color: #000;
	padding: 0 15px;
	display: none;
}

#main #content #showcase .info .closeinfo {
	float: right;
	margin: -10px -10px 5px 0;
}
* html #main #content #showcase .info .closeinfo {
   margin-bottom: -10px; /* Fix for IE6 */
}
*+html #main #content #showcase .info .closeinfo {
   margin-bottom: -10px; /* Fix for IE7 */
}

/* escriptor */

body.lector #main #content #showcase {
   overflow: hidden;
}

body.llibre #main #content #showcase .object {
	position: absolute;
}

body.escriptor #main #content #showcase {
	height: 430px;
}

body.escriptor #main #content #showcase #caption1 {
	top: 285px;
	right: 10px;
}

body.escriptor #main #content #showcase #object2 {
	top: 290px;
}

body.escriptor #main #content #showcase #caption2 {
	top: 425px;
}

body.escriptor #main #content #showcase #object3 {
	top: 290px;
	left: 200px;
}

body.escriptor #main #content #showcase #caption3 {
	top: 425px;
	left: 200px;
}

body.escriptor #main #content #showcase #caption2 h5,
body.escriptor #main #content #showcase #caption3 h5 {
	font-weight: normal;
	letter-spacing: .02em;
}

/* construccio */

body.construccio #main #content #showcase {
	height: 270px;
}

body.construccio #main #content #showcase #caption1 {
	left: 190px;
	top: 150px;
	background: #f1e7d0;
	padding: 10px;
	width: 170px;
	height: 110px;
}

body.construccio #main #content #showcase #object2 {
	left: 200px;
}

body.construccio #main #content #showcase #caption2 {
	top: 145px;
	right: 10px;
	text-align: right;
}

body.construccio #main #content #showcase #object3 {
	border: none;
	left: 350px;
	top: 155px;
}

/* text */

body.text #main #content #showcase {
	height: 270px;
}

body.text #main #content #showcase .caption h5 {
	font-weight: normal;
	letter-spacing: .02em;
}

body.text #main #content #showcase #caption1 {
	top: 145px;
}

body.text #main #content #showcase #info1 {
	width: 338px;
	bottom: 9px;
	min-height: 100px;
}

* html body.text #main #content #showcase #info1 { /* IE6 hack */
	height: 100px;
}

body.text #main #content #showcase #object2 {
	left: 200px;
}

body.text #main #content #showcase #caption2 {
	top: 220px;
	left: 380px;
	background: #f1e7d0;
	padding: 37px 10px 8px 10px;
	height: 15px;
	width: 170px;
}

body.text #main #content #showcase #object3 {
	left: 390px;
}

body.text #main #content #showcase #caption3 {
	top: 145px;
	left: 390px;
}

body.text #main #content #showcase #info3 {
	width: 528px;
	bottom: 9px;
}

/* forma */

body.forma #main #content #showcase {
	height: 430px;
}

body.forma #main #content #showcase #caption2 h5,
body.forma #main #content #showcase #caption4 h5,
body.forma #main #content #showcase #caption3 h5 {
	font-weight: normal;
	letter-spacing: .02em;
}

body.forma #main #content #showcase #caption1 {
	left: 380px;
	background: #f1e7d0;
	padding: 10px;
	width: 170px;
	height: 110px;
}

body.forma #main #content #showcase #object2 {
	top: 290px;
}

body.forma #main #content #showcase #caption2 {
	top: 425px;
}

body.forma #main #content #showcase #object3 {
	top: 290px;
	left: 200px;
}

body.forma #main #content #showcase #caption3 {
	top: 425px;
	left: 200px;
}

body.forma #main #content #showcase #object4 {
	top: 150px;
	left: 390px;
}

body.forma #main #content #showcase #caption4 {
	top: 425px;
	left: 390px;
}

/* sentit */

body.sentit #main #content #showcase {
	height: 310px;
}

body.sentit #main #content #showcase #caption1 {
	top: 285px;
}

body.sentit #main #content #showcase #info1 {
	width: 148px;
	bottom: 9px;
}

body.sentit #main #content #showcase #object2 {
	left: 200px;
}

body.sentit #main #content #showcase #caption2 {
	top: 285px;
	left: 200px;
}

body.sentit #main #content #showcase #info2 {
	width: 148px;
	left: 200px;
	bottom: 9px;
}

body.sentit #main #content #showcase #object3 {
	top: 150px;
	left: 390px;
}

body.sentit #main #content #showcase #caption3 {
	top: 285px;
	left: 390px;
	width: 180px;
}

body.sentit #main #content #showcase #caption3 h5 {
	font-weight: normal;
	letter-spacing: .02em;
}

body.sentit #main #content #showcase #caption4 {
	background: #f1e7d0;
	padding: 10px;
	width: 160px;
	height: 110px;
	left: 390px;
}

/* economia */

body.economia #main #content #showcase {
	height: 270px;
}

body.economia #main #content #showcase #object1 {
	border: none;
	z-index: 1;
}

body.economia #main #content #showcase #caption1 {
	background: #f1e7d0;
	padding: 10px;
	width: 170px;
	height: 110px;
	left: 380px;
}

/* retrat */

body.retrat #main #content #showcase {
	height: 315px;
}

body.retrat #main #content #showcase #object1 {
	border: none;
}

body.retrat #main #content #showcase #caption1 {
	top: 290px;
}

body.retrat #main #content #showcase #info1 {
	width: 338px;
	bottom: 9px;
}

/* trobada */

body.trobada #main #content #showcase {
	background-color: #000;
}

body.trobada #main #content #showcase .object {
	border: 1px solid #808080;
}

/* exposició */

body.documentacio #main #content .multicol {
   padding-top: 25px;
}

body.documentacio #main #content .multicol img {
	padding-top: .5em;
}

body.documentacio #main #content .multicol .note {
	font-style: italic;
}

body.documentacio #main #content .infocnt {
	position: relative;
	margin: 1.25em 0 -.25em 0;
}

body.documentacio #main #content .infocnt .moreinfo {
	border: none;
	outline: none;
}

body.documentacio #main #content .info {
	position: absolute;
	background: #fff;
	border: 1px solid #dfc895;
	color: #7c684a;
	font-style: italic;
	letter-spacing: .035em;
/*	line-height: 1.3;*/
	padding: 0 15px;
	display: none;
}

body.documentacio #main #content .info .closeinfo {
	border: none;
	float: right;
	margin: -10px -10px 5px 0;
}
* html body.documentacio #main #content .info .closeinfo {
   margin-bottom: -10px; /* Fix for IE6 */
}
*+html body.documentacio #main #content .info .closeinfo {
   margin-bottom: -10px; /* Fix for IE7 */
}

body.documentacio #main #content #info1 {
	top: 0;
	left: 0;
	width: 550px;
}

body.credits #main #content .multicol {
	padding-top: .25em;
}

body.credits #main #content h4 {
	font-size: 1em;
	margin: .5em 0 -.75em 0;
}

body.credits #main #content .people {
	margin: 0;
	padding: .8em 0 .7em 0;
	list-style: none;
}

body.credits #main #content .people .title {
	font-weight: bold;
}

body.credits #main #content .multicol .block {
	margin-bottom: 30px;
}

body.credits #main #content .multicol .biblio {
	margin-bottom: 24px;
}

body.credits #main #content .multicol .logo {
	border: none;
}

body.credits #main #content .multicol img {
	margin-bottom: -.5em;
}

body.galeria #main #content .multicol {
	margin-bottom: 15px;
}

body.galeria #main #content .menu {
   font-size: 1.1em;
	list-style: none;
	padding: 0;
	margin: .8em 0;
}

body.galeria #main #content .menu li {
	padding-bottom: .8em;
}

body.galeria #main #content .menu li.sel a {
	color: #000;
	border: none;
}

body.galeria #main #content .menu a {
	border-bottom: 1px dotted #7c684a;
}

body.galeria #main #content .menu a:hover {
	border-bottom: 1px solid #7c684a;
}

body.galeria #main #content .gallery {
   padding-top: 25px;
	float: left;
	width: 630px;
	height: 420px;
}

body.galeria #main #content .gallery img {
	display: block;
	float: left;
}

body.galeria #main #content .gallery a {
	border: 1px solid #e5d2a8;
	display: block;
	float: left;
	margin: 0 20px 20px 0;
}

body.galeria #main #content .navigation {
   clear: both;
}

body.galeria #main #content .navigation a {
	font-size: .8em;
	border-bottom: 1px dotted #7c684a;
	text-transform: uppercase;
}

body.galeria #main #content .navigation a:hover {
	border-bottom: 1px solid #7c684a;
}

body.galeria #main #content .navigation .prev,
body.galeria #main #content .navigation .next {
	line-height: 1.5em;
	height: 22px;
 	float: left;
	width: 178px;
}

body.galeria #main #content .navigation .prev {
	background: url(../images/icon_prev.gif) no-repeat left 2px;
	padding-left: 22px;
}

body.galeria #main #content .navigation .next {
	background: url(../images/icon_next.gif) no-repeat right 2px;
	padding-right: 22px;
	text-align: right;
}

body.galeria #main #content .navigation .off {
	background: none;
}

body.galeria #main #content .navigation .pages {
	float: left;
	width: 180px;
}

body.galeria #main #content .navigation .pages ul {
	list-style-type: none;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	text-align: center;
}

body.galeria #main #content .navigation .pages ul li {
	display: inline;
	padding: 0 7px;
}

body.galeria #main #content .navigation .pages ul li a {
	font-size: 1.1em;
	font-weight: bold;
}

body.galeria #main #content .navigation .pages ul li.sel a {
	color: #000;
	border: none;
}

body.creditsweb #main #content a {
   border: none;
}





/*
	extras
*/

#main #extras {
	float: left;
	letter-spacing: .025em;
	width: 120px;
}

#main #extras .block {
	margin-bottom: 30px;
}

#main #extras h4 {
	color: #000;
	font-size: 1.2em;
	margin: 0 0 -.5em 0;
	padding: 0;
}

#main #extras p {
	font-size: 1.1em;
/*	margin: .25em 0;*/
}



/*
	footer
*/

#footer {
	clear: both;
	border-top: 1px solid #dabe81;
	margin: 0 0 10px 230px;
	overflow: hidden;
	padding-top: 10px;
	width: 750px;
}

#footer #copyright {
   float: left;
}

#footer #copyright img {
   vertical-align: top;
}

#footer .info {
	float: right;
	font-weight: bold;
	letter-spacing: .07em;
   list-style: none;
	margin-top: 12px;
}

#footer .info li {
	float: left;
	padding-left: 13px;
}

#footer .info a {
   border-bottom: 1px dotted #7c684a;
	color: #7c684a;
	display: block;
}

#footer .info a:hover {
   border-bottom: 1px solid #7c684a;
	text-decoration: none;
}
/*
	home-specific classes
*/
body.home {
   background: #000 url(../images/home_bg.jpg) no-repeat 0 20px;
}

body.home #header {
	background: url(../images/home_header_bg.gif) repeat-x;
	border: none;
	height: 270px;
}

body.home #header .logo {
	margin: 0;
	padding: 75px 0 0 270px;
}

body.home #header .menu {
	background: url(../images/home_header_menu_bg.gif) no-repeat top right;
	padding: 43px 30px 0 0;
}

body.home #header .menu a {
	padding: 0;
}

body.home #header .presentacio {
	font-size: 1.1em;
	letter-spacing: .115em;
	margin: 145px 40px 0 0;
	text-align: right;
}

body.home #header .presentacio a {
	color: #e5d2a8;
	font-weight: bold;
	text-transform: uppercase;
}

body.home #header .presentacio a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

body.home #navigation {
	float: none;
	margin: 0;
	width: auto;
}

body.home #menu {
	background: none;
	font-size: 1.4em;
	height: 230px;
	letter-spacing: .06em;
	margin: 0 0 0 400px;
	padding: 35px 0 0 0;
	text-align: right;
	width: 210px;
}

body.home #menu li {
	position: relative;
	padding: 16px 0;
}

body.home #menu li a {
	color: #e5d2a8;
	font-weight: bold;
	display: inline;
	padding: 1px 0;
	text-transform: uppercase;

}

body.home #menu li a:hover {
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

body.home #menu a:active,
body.home #menu a:focus{
   outline: none;
}

body.home #menu li ul {
	letter-spacing: .085em;
   position: absolute;
	left: 210px;
	/*width: 280px;*/
	height: 220px;
	font-size: .9em;
	padding-left: 35px;
	text-align: left;
}

body.home #menu #llibre ul {
	background: url(../images/home_menu_llibre_bg.gif) no-repeat 5px 8px;
	top: -36px;
}

body.home #menu #lector ul {
	background: url(../images/home_menu_lector_bg.gif) no-repeat 5px 7px;
	top: -86px;
}

* html body.home #menu #llibre ul { /* Fix for IE6 */
	left: 190px;
/*	left: 0;*/
}

* html body.home #menu #lector ul {
	left: 197px;
}

body.home #menu li ul li {
   margin: 0;
	padding: 0;
	line-height: 0; /* Fix for IE6 */
}

body.home #menu li ul li a {
	color: #e5d2a8;
	display: block;
	line-height: 1.25em; /* Fix for IE6 */
	text-transform: none;
	white-space: nowrap;
}

body.home #menu #llibre ul li a {
	padding: 8px 0 8px 30px;
}

body.home #menu #lector ul li a {
	padding: 6px 0 7px 30px;
}

body.home #menu li ul li a:hover {
	border: none;
	color: #fff;
	text-decoration: none;
}

body.home #menu #llibre ul li a:hover {
	background: url(../images/home_menu_llibre_item_hover.gif) no-repeat 6px;
}

body.home #menu #lector ul .convertirse a:hover {
	background: url(../images/home_menu_lector_convertirse_hover_bg.gif) no-repeat 5px;
}

body.home #menu #lector ul .lectures a:hover {
	background: url(../images/home_menu_lector_lectures_hover_bg.gif) no-repeat 5px;
}

body.home #menu #lector ul .biobibliografies a:hover {
	background: url(../images/home_menu_lector_biobibliografies_hover_bg.gif) no-repeat 5px;
}

body.home #menu #lector ul .munda a:hover {
	background: url(../images/home_menu_lector_munda_hover_bg.gif) no-repeat 5px;
}

body.home #menu #lector ul .critica a:hover {
	background: url(../images/home_menu_lector_critica_hover_bg.gif) no-repeat 5px;
}

body.home #menu #lector ul .traduccio a:hover {
	background: url(../images/home_menu_lector_traduccio_hover_bg.gif) no-repeat 5px;
}

body.home #menu #lector ul .moviment a:hover {
	background: url(../images/home_menu_lector_moviment_hover_bg.gif) no-repeat 5px;
}

body.home #footer {
	border: none;
/*	font-size: 1.1em;*/
	margin: 0 0 0 10px;
	padding: 3px 0 0 0;
	width: 600px;
}
body.home #footer .info {
	letter-spacing: 0;
	margin-top: 6px;
}

body.home #footer .info li {
	padding-left: 18px;
}

body.home #footer .info a {
   border-bottom: 1px dotted #fff;
	color: #fff;
}

body.home #footer .info a:hover {
   border-bottom: 1px solid #fff;
	text-decoration: none;
}



/*
	popup_llibre
*/
body.popup_llibre {
   background-color: #dabe81;
	letter-spacing: .1em;
}

body.popup_llibre #page {
	padding: 43px 0 0 48px;
	width: auto;
}

body.popup_llibre .title {
	color: #000;
	font-size: 1.8em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

body.popup_llibre .navigation {
	font-size: 1.1em;
	font-weight: bold;
}

body.popup_llibre .navigation a {
	color: #fff;
	display: block;
}

body.popup_llibre .navigation .next,
body.popup_llibre .navigation .label {
	display: none;
}

body.popup_llibre #content .navigation {
	background: url(../images/tbox_lector_menu_bg.gif) no-repeat 0 90px;
	color: #000;
	list-style: none;
	height: 200px;
	overflow: hidden;
	margin: 0;
   padding: 40px 0 0 0;
}

body.popup_llibre #content .navigation a {
	position: relative;
	height: 80px;
}

body.popup_llibre #content .navigation a .label {
	position: absolute;
	bottom: 40px;
	letter-spacing: .05em;
}

body.popup_llibre #content .navigation a:hover {
/*	background: url(../images/tbox_lector_menu_item_sel.gif) no-repeat 0 50px;*/
	background-position: 0 0; /* fix for IE6 */
	text-decoration: none;
}

body.popup_llibre #content .navigation a:hover .label {
	cursor: pointer;
	display: block;
	width: 63px;
}

body.popup_llibre #content .navigation li {
	float: left;
	padding-right: 48px;
	height: 200px;
	width: 30px;
}

body.popup_llibre #content .navigation li.sel .next,
body.popup_llibre #content .navigation li.sel .label {
	display: block;
}

body.popup_llibre #content .navigation li.sel a {
	background: url(../images/tbox_lector_menu_item_sel.gif) no-repeat 0 0;
	height: 70px;
	margin-top: 50px;
	padding-top: 40px;
}

/*
body.popup_llibre #content .navigation li.sel a:hover {
	background: url(../images/tbox_lector_menu_item_sel.gif) no-repeat 0 0;
}
*/
body.popup_llibre #content .navigation li.sel .next {
	border-bottom: 1px dotted #fff;
	cursor: pointer;
	position: absolute;
	top: 40px;
	text-transform: uppercase;
	white-space: nowrap;
}

body.popup_llibre #content .navigation li.sel a:hover .next {
	border-bottom: 1px solid #fff;
}

body.popup_llibre #content .navigation li.sel .label {
	cursor: pointer;
	font-size: 1.65em;
	white-space: nowrap;
	top: 60px;
}

body.popup_llibre #content .navigation li.sel a:hover .label {
	width: auto;
}

body.popup_llibre #content .navigation li.sel .sentit .next,
body.popup_llibre #content .navigation li.sel .sentit .label,
body.popup_llibre #content .navigation li.sel .economia .next,
body.popup_llibre #content .navigation li.sel .economia .label,
body.popup_llibre #content .navigation li.sel .retrat .next,
body.popup_llibre #content .navigation li.sel .retrat .label {
	right: 0;
}

body.popup_llibre #footer {
	margin: 0;
	padding: 70px 0 0 0;
	width: auto;
}

body.popup_llibre #footer .navigation a {
	background: url(../images/tbox_icon_back.gif) no-repeat 0 0;
	padding-top: 20px;
}

body.popup_llibre #footer .navigation a .prev {
	border-bottom: 1px dotted #fff;
	display: inline;
   text-transform: uppercase;
}

body.popup_llibre #footer .navigation a .label {
	display: block;
	font-size: 1.1em;
	margin-top: 3px;
}

body.popup_llibre #footer .navigation a:hover {
	text-decoration: none;
}

body.popup_llibre #footer .navigation a:hover .prev {
	border-bottom: 1px solid #fff;
}



/*
	popup_galeria
*/
body.popup_galeria {
	background-color: #e5d2a8;
	letter-spacing: .06em;
}

body.popup_galeria #page {
   background-color: #000;
	text-align: center;
	width: 100%;
}

body.popup_galeria .title {
   color: #fff;
	font-size: 1.2em;
	margin: 0;
	padding: .7em 0;
}

body.popup_galeria .image {
	height: 400px;
}

body.popup_galeria .image img {
	border: 1px solid #c8c5c6;
}

body.popup_galeria #footer {
	background-color: #e5d2a8;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
   text-align: center;
}

body.popup_galeria .navigation {
	font-size: 1.1em;
	height: 1%;
	margin: 0 auto;
	overflow: hidden;
	width: 420px;
}

body.popup_galeria .navigation .prev,
body.popup_galeria .navigation .next {
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 35px;
}

body.popup_galeria .navigation .description {
	float: left;
	text-align: left;
	width: 350px;
}