/*	-------------------------------------------------------------
	Anagrama. Barcelona 2006
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Estilos de la pagina web anagrama-ed.com
	Filename:		estilos.css
	Version:		1.0
	Date:			Jun 10, 2006
	-------------------------------------------------------------	*/

body {
	margin:0;
	padding:0;	
	color: #666;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../img/fondo_pag.gif) repeat-y center #e1e1e1;	
	line-height:1.7em;
	}

a{	
	color:#528AC2; 
	text-decoration:none;
	}

a:hover{ 
	color:#f90; 
	}

a.titulo{ 
	color:#003366; 
	font-weight:bolder; 
	text-transform:uppercase; 
	}

a.titulo:hover{ 
	color:#f90; 
	}

a.autor{ 
	color:#528AC2; 
	font-weight:bolder; 
	}

a.titulonov{ 
	font-style:italic;	
	}	

a:focus { 
	-moz-outline: none -moz-mac-focusring; 
	}

a.fosc{ 
	color:#666; 
	font-weight:bolder; 
	}

a.fosc:hover{ 
	color:#f90; 
	}

.right a{ 
	float:right; 
	color:#999; 
	}

.right a:hover{ 
	color:#f90; 
	}	

#novedades .contingut{
	margin-top: 40px;
	}
#catalogo .contingut{
	background:url(../img/punt.gif) bottom repeat-x;
	padding:0 0 20px 0;
	}

#noticias .puntos {
	float:left;
	margin:3px 10px 0px 0px;
	}

#noticias .puntos a img{
	float:left;
	padding:3px;
/*	width:129px;
	height:372px;*/
	margin:10px 10px 10px 0;
	border:1px solid #bbb;
	}
* html #noticias .puntos a img{
	margin:20px 5px 5px 0 ; 
	}
	
#noticias .contingut .subtitol,
#premios .contingut .subtitol {
	padding:0 0 0 15px;
	background:url(../img/bot_cat.gif) no-repeat 0px 6px;
	color:#528AC2;	
	}

.estrella{
	float:left; 
	width:125px; 
	border:1px solid #ddd; 
	padding:4px; 
	margin:0 10px 20px 0;
	}
.txtestrella{
	float:right;
	width:370px;
	font-weight:bolder;
	}

.subtitol{
	clear:both;
	font-size:12px;
	//text-transform:uppercase;
	}

.titaut a:hover{
	color:#FF9900;
	}

h4{
	font: bold 16px Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	//text-transform:uppercase;
	}	
h3{
	margin:7px 0 25px 0; 
	line-height:5px;
	font-family:Arial, Helvetica, sans-serif ;
	font-weight:normal;
	color:#666;
	}
hr, h2 {
	display:none;
	}

a img {
	border:0px;
	}

ul {
	list-style:none;
	margin:0;
	display:block;
	padding:0 0 0.7em 0;
	}

dt {
	padding:10px 0 0 0;
	}
dd p{
	margin:0;
	padding:0;
	}

#editorial a{
	position:absolute;
	background:url(../img/editorial.gif) no-repeat;
	width:26px;
	height:99px;
	left:-25px;
	top:285px;
/*	margin:285px 0 0 -191px; */
	cursor:pointer;
	text-indent:-3000px;
	}

#editorial a:hover{
	background:url(../img/editorial.gif) no-repeat -31px 0px;
	}

* html #editorial a{
	margin-top:275px;
	cursor:hand;
	}

.container {
	position:relative;
	margin-left	:auto;
	margin-right:auto;
	width:840px;
	}

.pag{
	float:left;
	width:100%;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;	
	}

.capcelera {
	width:840px;
	background:url(../img/capcelera2.jpg) no-repeat bottom;
	height:272px;
	}

* html .capcelera {
	margin:10px 0 0 0; 
	padding:0;
	height:260px;
	}

#cos{
	float:left;
	width:800px;
	margin:0 0 0 20px;
	background: url(../img/fondo_lateral.jpg) repeat-y 514px 0px #fff;
	min-height:600px;
	height: auto !important;
	}

* html #cos {
	margin:0 0 0 10px
	}
#periodo{
	float:right;
	margin:195px 10px 0 0px;
	width:250px;
	text-align:center;
	font:20px bolder Arial,	Helvetica, sans-serif;
	}
#recorrido{
	float:right;
	margin:175px 30px 0 0;
	width:200px;
	text-align:center;
	text-transform:uppercase;
	font:18px Arial, Helvetica, sans-serif;
	}
#iany{
	margin:3px 0 0 0;
	}

* html #periodo{ margin:200px 5px 0 10px; }	

#iany{
	margin:0 0 0 -4px;
	}

#dades {
	float:left;
	width:520px;
	padding:0 0 20px 0;
	}

#logo a{
	float:left;
	width:120px;
	height:55px;
	margin:15px 0 0 60px;
	background:#fff url(../img/logo_anagrama.gif) no-repeat;
	text-indent:-3000px;
	}

#logo a:hover{
	background:url(../img/logo_anagrama.gif) no-repeat;
	}

* html #logo a{ margin:10px 0 0 70px; }

.msg{
	margin:10px 0 0 0;
	padding:5px;
	background:#eee;
	}

#lateral {
	float:right;
	width:245px;
	padding:0 0 20px 0;
	}

ul.submenu li {
	padding:0 0 1px 0;
	}

ul.submenu li a{
	display:block;
	color:#666;
	background:#fff url(../img/bot_fletxa.gif) no-repeat 10px -133px;
	padding: 6px 10px 6px 30px;
	}

ul.submenu li a:hover{
	color:#F90;
	background: #F5F5F5 url(../img/bot_fletxa.gif) no-repeat 10px -39px;	
	}

#inicio 		.activat,
#novedades 		.activat,
#noticias 		.activat,
#translations 	.activat,
#foreign		.activat,
#autores 		.activat,
#titulos 		.activat,
#catalogo 		.activat,
#bases			.activat,
#premiados		.activat,
#colecciones	.activat,
#agenda			.activat,
#premios 		.activat,
#premio 		.activat,
#transgenre		.activat,
#transnews		.activat {
	background:#f5f5f5 url(../img/bot_fletxa.gif) no-repeat 9px -228px;
	border:1px solid #eee;
	font-weight:bolder;
	}

.submenu li ul li { 
	margin:1px 0 0 0; 
	}

.submenu li ul li a{
	border:1px solid #fff;
	background:url(../img/bot_fletxa_1.gif) no-repeat 27px -39px #FFF;
	padding: 6px 0px 6px 40px;
	}

.submenu li ul li a:hover, 
#premios li ul li .act{
	background:url(../img/bot_fletxa_1.gif) no-repeat 27px -128px #f9f9f9;
	color:#f90;
	padding: 6px 0px 6px 40px;
	border:1px solid #f2f2f2;
	}

.tot_not a{
	display:block;
	margin:0 0 25px 0;
	height:11px;
	background:url(../img/bot_veure_noticies.gif) no-repeat 0px 0px;
	text-indent:-3000px;
	cursor:pointer;
	}

.tot_not a:hover{
	background:url(../img/bot_veure_noticies.gif) no-repeat 0px -22px;
	}

.tot_age a{
	display:block;
	margin:0 0 25px 0;
	height:11px;
	background:url(../img/bot_veure_event.gif) no-repeat 0px 0px;
	text-indent:-3000px;
	cursor:pointer;
	}

.tot_age a:hover{
	background:url(../img/bot_veure_event.gif) no-repeat 0px -22px;
	}

 .paginacio{
	clear:both;
	float:left;
	width:100%;
	margin:10px 0 15px 0;
	padding:1px;
	background:#fff;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	}

.paginacio a{
	float:left;
	padding:0px 5px 0px 5px;
	text-align:center;
	font-size:90%;
	color:#666;
	margin:0 1px 0 0;
	}

#lletres{
	float:left;
	width:243px;
	padding-top:1px;
	padding-left:1px;
	border:1px solid #ddd;
	margin:0 0 30px 0px;
	}

#lletres a{
	background:url(../img/bg-rayat.gif) repeat;
	float:left;
	width:26px;
	padding:1px 0px 1px 0px;
	margin:0 1px 1px 0 ;
	font-size:10px;
	text-align:center;
	color:#666;
	}

#lletres a:hover, .paginacio a:hover{
	background:#f90;
	color:#fff;
	}

.paginacio a.pagact, #lletres a.lletreact {
	background:#999;
	color:#fff;
	}

ul.submenu_arxiu { display:block; }

ul.submenu_arxiu li { padding:0 0 1px 0; }

ul.submenu_arxiu li a{
	display:block;
	color:#666;
	background:url(../img/bot_categoria.gif) no-repeat 10px 11px;
	border-top:1px solid #fff;
	padding: 6px 10px 6px 30px;
	}

ul.submenu_arxiu li a:hover{
	color:#f90;
	background:url(../img/bot_categoria.gif) no-repeat 10px 11px #f5f5f5;
	}

#novedades .arxact, #noticias .arxact{
	border:1px solid #eee;
	font-weight:bolder;
	background:url(../img/bot_categoria.gif) no-repeat 09px 11px #f5f5f5;
	}

#calendar {
	float:left;
	width:100%;
	font: 10px/19px  Arial, sans-serif;
	margin:0 0 5px 0;
	background:#fff;
	border:1px solid #999;
	}

#agenda #calendar{ margin:0 0 25px 0; }

#calendar td {
	padding: 2px;
	width:10px;
	text-align:center;
	color: #999;
	background:#f2f2f2;
	width:34px;
	}

#calendar .header {
	font-weight:normal;
	background:#666;
	text-align:center;
	color:#fff;
	}

#calendar .linkedday{ background:#e5e5e5; color:#000; }

#calendar .linkedday:hover{
	color:#666;
	background:#CCCCCC;
	text-decoration:none;
	cursor:pointer;
	}

#calendar .linkedday:hover .calendarlink{ color:#666; }

#calendar .linkedday a{ background:none; }

#calendar #weekdayz td { text-align: center; color: #333; }

#calendar .today { background: #f5f5f5; border:1px solid #E2E2CB; color: #333; }

.taulamesos{ width:100%; color:#999; }

.mesos{ float:left; width:34px; height:11px; }

.messeg a{ padding-right:10px; color:#999; background:url(../img/bot_mes_seg_2.gif) no-repeat right -45px; }

.messeg a:hover{ color:#f90; background:url(../img/bot_mes_seg_2.gif) no-repeat right -60px; }

.mesant a{ padding-left:10px; color:#999; background:url(../img/bot_mes_ant_2.gif) no-repeat 0px -45px; }

.mesant a:hover{ color:#f90; background:url(../img/bot_mes_ant_2.gif) no-repeat 0px -60px; }

.div_lateral{
	float:left;
	width:100%;
	background:url(../img/punt.gif) repeat-x bottom;
	margin-bottom:20px;
	}

.contingut {
	float:left; 
	width:100%;
	margin:0 0 5px 0;
	}

.dret{ float:right; width:275px; margin:0 0 20px 0; }

.esqu{ float:left;  width:235px; }

.titol{
	font:bold 85% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:25px 0 0 0;
	font-size:11px;
	}

.arxiu{
	float:left;
	width:100%;
	font-size:85%;
	background:#eee;
	text-transform:uppercase;
	margin:0 0 15px 0;
	}

.arxiu p{
	padding:0px 0 0px 20px;
	background:url(../img/bot_fletxa_1.gif) no-repeat 5px -45px;
	}

.agen span a{
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#666;
	}

	

/* 

	agenda 

*/	
#agenda .llistat{
	margin:0px 0 20px 0;
	background:url(../img/bg_agen.png) repeat-x;	
	border:1px solid #eee;
	}

*html #agenda .llistat{
	margin:10px 0 20px 0;
	}

#agenda .img_fitxa {
	float:left;
	margin:3px 10px 0px 0px;
	}

#agenda .img_fitxa a img{
	float:left;
	padding:3px;
	max-width:200px;
	height:auto;
	/*width:100px;*/
	/*height:156px;*/
	border:1px solid #bbb;
	}

.ageesqu{
	float:left;
	width:70px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#666;
	padding:5px 0 0 10px;
	}

.ageesqu span{
	display:block;
	color:#999;
	}

.agedret{
	float:right;
	width:425px;
	padding:0px 0 10px 10px;
	}	

.ageCap{
	float:left;
	width:100%;
	padding:2px 0 10px 0;
	}

.ageDet{
	float:left;
	width:97%;
	background:url(../img/punt.gif) repeat-x  top;
	padding:10px 0 0 0;
	}

.distr{
	float:left;
	width:230px;
	height:175px;
	margin:0 10px 10px 0;
	padding:5px 5px 10px 5px;
	background:url(../img/punt.gif) repeat-x bottom;
	}

.banner{
	width:239px;
	margin:0 0 20px 0;
	}

.banner a img{
	border:1px solid #ccc;
	padding:2px;
	}

.banner a:hover img{
	border:1px solid #666;
	}

#premios .cont, 
#foreign .contingut, 
#autores .contingut{
	float:left;
	width:100%;
	background:url(../img/punt.gif) repeat-y 259px;
	margin:0;
	}

#premios .xxx{
	padding:0 0 15px 0;
	}


#premios .colesq{
	float:left;
	width:239px;
	margin:0 0 20px 0;
	}

#premios .coldre{
	float:right;
	width:239px;
	margin:0 0 20px 0;
	}

.cap{
	text-transform:uppercase;
	width:100%;
	padding:5px 0 5px 0;
	background:url(../img/bg-rayat.gif) repeat;
	margin:0 0 10px 0;
	}

.premiats{
	width:100%;
	margin-bottom:20px;
	}

.premats th {
	border-top:1px solid #eee;
	}

.premiats td, .premiats th{
	padding:5px;
	border-bottom:1px solid #eee;
	text-align:left;
	}

.premiats th{
	text-transform:uppercase;
	font:10px Arial, Helvetica, sans-serif;
	font-weight:bolder;
	background:url(../img/bg-rayat.gif) repeat;
	}

.compraImg{
	float:left;
	width:240px;
	margin:0 10px 10px 0;
	}

.compraImg img{
	border:1px solid #CCC;
	padding:4px;
	}

.compraImg img:hover {
	border:1px solid #999;
	}

.capEdit{
	clear:both;
	float:left;
	width:100%;
	text-transform:uppercase;
	font:bold 10px Arial, Helvetica, sans-serif;
	background:url(../img/bg-rayat.gif) repeat;
	border-top:1px solid #eee;
	}

.cosEdit{
	float:left;
	width:100%;
	background:url(../img/punt.gif) repeat-x bottom;
	}

.editar{
	float:right;
	width:306px;
	display:block;
	}

.ing{
	color:#959595;
	}

.edit_esq {
	float:left;
	width:200px;
	padding:5px 5px 5px 0;
	}

.edit_esq_l {
	float:left;
	padding:5px 5px 5px 0;
	}

.capEdit .edit_esq{
	padding:5px;
	}

.edit_dre{
	float:right;
	width:140px;
	padding:5px;
	margin:0 0 0 1px;
	}

.edit_dades{
	float:right;
	width:140px;
	padding:5px;
	margin:0 0 0 1px;
	}

.icon{
	background:url(../img/bot_new_title.jpg) no-repeat 235px;
	}

#mostra{
	float:right;
	width:100px;
	text-align:right;
	background:url(../img/bot_mostrar.gif) no-repeat;
	cursor:pointer;
	}

#mostra:hover{
	color:#f90;
	}

#mostra span{
	margin:0 10px 0 0;
	}

#foreign .coldre, #foreign .colesq {
	margin:10px 0 0 0;
	}

/* --------------------------- */
/*   menu   							     */
/* --------------------------- */
ul#menu {
	float:right;
	width:590px;
	margin:8px 0 0 0;
	}	

* html ul#menu{ margin:-3px 0 0 0; }

ul#menu li { float:left; }

ul#menu li a{
	color:#666;
	font:bold 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	display:block;
	margin:2px 8px 0 8px;
	}

#inicio 		ul#menu   .inicio,
#novedades		ul#menu	  .inicio,
#novedades 		ul#menu   .novedades,
#noticias 		ul#menu   .noticias,
#agenda 		ul#menu   .agenda,
#premios 		ul#menu	  .premios,
#especiales		ul#menu	  .especiales,
#premio			ul#menu	  .premios,
#premiados		ul#menu   .premios,
#bases			ul#menu	  .premios,
#comprar		ul#menu	  .comprar,
#distribuidores	ul#menu	  .distribuidores,
#colecciones	ul#menu	  .catalogo,
#autores 		ul#menu   .catalogo,
#autor			ul#menu   .catalogo,
#foreign		ul#menu	  .foreign,
#titulos 		ul#menu   .catalogo,
#titulo			ul#menu   .catalogo,
#catalogo 		ul#menu   .catalogo,
ul#menu li a:hover{
	color:#F90;
	background-color:#fff;
	text-decoration: none;
	}

/* fi menu */



.dades{
	float:left;
	width:100%;
	margin-top:10px;
	}

.llistat{
	clear:both;
	float:left;
	width:100%;
	padding:5px 0 0 0;
	background:url(../img/punt.gif) repeat-x top;
	}	

.mas a{
	float:left;
	width:100px;
	height:11px;
	text-indent:-3000px;
	}	

#titulos .mas a{
	margin-top:15px;
	background:url(../img/bot_mes_info.gif) 0px -22px no-repeat;
	}

#titulos .mas a:hover{
	background:url(../img/bot_mes_info.gif) 0px 0px no-repeat;
	}	

#foreign .mas a{
	margin-top:25px;
	background:url(../img/bot_more_info.gif) 0px -22px no-repeat;
	}

#foreign .mas a:hover{
	background:url(../img/bot_more_info.gif) 0px 0px no-repeat;
	}

* html .mas a, * html .masi a{
	cursor: hand;
	}

.fitxa_llistat{
	float:left;
	width:380px;
	min-height:150px;
	height: auto !important;
	margin:5px 0 0 0;
	}

.colesq{
	float:left;
	width:245px;
	}

.coldre{
	float:right;
	width:245px;
	}

ul.listcol {
	display:block;
	border-bottom:1px solid #eee;
	margin:0 0 30px 0;
	}

* html ul.listcol { width:244px;}

ul.listcol li {
	display:block;
	padding:0 0 1px 0;
	border-top:1px solid #f5f5f5;
	}

ul.listcol li a img{ margin:0 0 0 5px;}

ul.listcol li a{
	display:block;
	background:url(../img/bot_fletxa_1.gif) no-repeat left -39px;
	color:#666;
	border-top:1px solid #fff;
	padding: 6px 10px 6px 10px;
	}

ul.listcol li a:hover{
	color:#F90;
	background: #f5f5f5 url(../img/bot_fletxa_1.gif) no-repeat left -128px;
	}

#info .colesq img {
	border:1px solid #ccc;
	}

.peucont{
	float:left;
	width:800px;
	height:120px;
	margin:0 0 0 20px;
	}

* html .peucont{
	margin:0 0 0 10px;
	}

#peu{
	float:left;
	text-transform:uppercase;
	font-size:85%;
	border-top:1px solid #ccc;
	width:100%;
	color:#999;
	text-decoration: none;
	}

* html #peu{
	padding:5px 0 5px 0;
	}

#copyright{
	float:left;
	width:300px;
	}

.tria{
	float:left; 
	width:135px; 
	margin:5px 0 0 20px;
	}

*html .tria{
	margin:5px 0 0 10px;
	}	

.tria input{
	margin:4px 0 0 0;
	}

.lab{
	width:80px;
	margin:0 7px 5px 0;
	padding:0 0 0 3px;;
	}

#catalogo label{
	clear:both;
	float:left;
	width:150px;
	height:30px;
	}

fieldset{
	border:0;
	margin:0 3px 0 0;
	padding:0;
	}	

#catalogo fieldset{
	float:left;
	width:100%;
	}

#cat select{
	width:206px;
	border:1px solid #ccc;
	height:20px;
	color:#666;
	}

#cat option{
	padding:2px;
	}

#cat .inp{
	width:200px;
	border:1px solid #ccc;
	padding:2px;
	color:#666;
	}


#cat .inp:hover, #cat select:hover {
	border:1px solid #999;
	}

.btn{
	float:right;
	margin:10px 16px 0 0;
	display:none;
	}

.campbuscar {
	float:left;
	width: 200px;
	color: #666;
	margin:1px 3px 0 19px;
	padding: 2px 0px 2px 2px;
	border:1px solid #ccc;
	}

.campbuscar:hover{
	border:1px solid #999;
	}

.buscarapid{
	float:left;
	width:100%;
	padding:15px 0 15px 0;
	margin:0 0 20px 0;
	border:1px solid #eee;
	background:url(../img/bg-rayat.gif) repeat;
	}

#catalogo .bsc{
	float:left;
	}

.bsc{
	float:right;
	width:59px;
	height:18px;
	margin:10px 20px 0 0;
	outline: none;
	background:transparent url(../img/bot_buscar.gif) no-repeat  0 -40px;
	}

.bsc:hover{
	float:right;
	width:59px;
	height:18px;
	margin:10px 20px 0 0;
	background:transparent url(../img/bot_buscar.gif) no-repeat 0 -20px;
	}

.text_curt{
	margin:15px 0 0 0;
	float:right;
	width:395px;
	}

.text_llarg{
	margin:15px 0 0 0;
	float:right;
	width:100%;
	}

.llibre_curt, .llibre_llarg{
	float:right;
	padding:10px 0 10px 0;
	margin:20px 0 10px 0;
	line-height:1.5em;
	background:#f9f9f9;
	text-transform:uppercase;
	background:url(../img/punt.gif) repeat-x top;
	}

.llibre_curt{
	width:395px;
	}	

.llibre_llarg{
	width:100%;
	}

.tit{
	clear:both;
	float:left;
	width:100%;
	color:#444;
	text-transform:none;
	}

.tit span{
	float:left;
	width:100px;
	color:#999;
	font:bold 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(../img/bot_gris.gif) no-repeat left;
	padding:3px 0 3px 15px;
	}

a.col{
	color:#528AC2;		
	}	

a.col:hover{
	color:#f90;		
	}	

.coleccion{
	float:left;
	width:160px;
	min-height:300px;
	height: auto !important;	
	margin:35px 13px 0 0;
	}

.fitxa {
	float:left;
	width:100%;
	margin:0px 0 10px 0px;
	padding:0 0 0 0;
	}

#dis .fitxa,
#tra .fitxa{
	background:url(../img/punt.gif) repeat-y 255px;
	}

.fitxa p{
	text-align:left;
	}

.texte {
	float:right;
	width:350px;
	padding:0 0 0 0px;
	}

.img_fitxa, .img_fitxa_aut {
	float:left;
	margin:18px 15px 8px 0px;
	}

.img_fitxa a img{
	float:left;
	padding:3px;
	width:100px;
	height:156px;
	border:1px solid #bbb;
	}

.text_curt img{
	float:left;
	border:1px solid #ccc;
	padding:4px;
	margin:4px 4px 4px 0;
	}

.text_curt img{
	float:left;
	border:1px solid #ccc;
	padding:4px;
	margin:4px 4px 4px 0;
	}

#autor  .img_fitxa_aut a img, #foreign .img_fitxa_aut a img{
	float:left;
	padding:3px;
	width:100px;
	border:1px solid #bbb;	
	}

#novedades .img_fitxa{
	margin:5px 8px 3px 0;
	}	

.img_fitxa a:hover img {
	border:1px solid #999;
	}

.img_llista {
	float:right;
	background:#fff;
	margin:3px 0px 5px 0px;
	}

.img_llista a img{
	padding:3px;
	width:100px;
	height:156px;
	border:1px solid #ccc;
	}
.img_llista a:hover img { border:1px solid #999; }
.lightbox{ display:none; }



/* Gestio de fragments */
#frag_pdf{position:absolute; top:310px; left:20px; width:520px; margin:8px 0 20px 0; padding:0; filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95;}
#txtfrag, #fragtit{ margin:0 0 0 0;color:#333; background:#fff; padding:2px;border:1px solid #bbb; }
#fragmentos{ display:block; float:left; width:518px; padding:0 0 30px 0; margin:0; background:#efefef; border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#llistat_frag{width:490px; margin:0; padding:20px;}
.link_frag{float:left; width:100px; margin:0 20px 20px 0; height:250px;}
.link_frag img{	float:left;padding:3px;width:100px;height:156px;border:1px solid #bbb; margin:0 0 5px 0;}
.txtfrag{ line-height:1.3em; font-size:11px; padding:4px 0 0 0;}
#tancar{ float:right; width:14px; height:14px; margin:5px 5px 0 0; background:url(../img/tancar.png) no-repeat 0px -16px; cursor:pointer;}
#tancar:hover{ background:url(../img/tancar.png) no-repeat 0px 0px;}
/* fragments al titol */
#frag_txt{	float:right; width:400px;padding:10px 0 10px 0; margin:10px 0 0 0; line-height:1.5em; }
.frg{ clear:both; float:left; width:auto;}
.frg a:link,
.frg a:visited,
/*.frg a:active{ display:block; width:100%;background:url(../img/download2.gif) no-repeat top left; text-indent:20px; }*/
.frg a:active{ display:block; width:100%; padding:10px 0 10px 0; background:#fff url(../img/llibre1.png) no-repeat top left; text-indent:35px; }

#proximo{ position:relative; top:105px; width:108px; height:30px; background:#000 url(../img/proximo.gif) no-repeat; }


#espai_banner{
	position:relative;
	top:0;
	float:left;
	width:520px;
	}
a.boto{
	float:left;
    width:auto;
	margin:1px 20px 0 0;
	color:#39578b;
	text-transform:none;
	}	
a.boto span{
	float:right;
        width:100%;
	margin:1px 0 0 8px;
	}
a.boto2{
	float:left;
	width:auto;
	margin:1px 20px 0 0;
	color:#39578b;
	text-transform:none;
	}	



h3.fotos{
	text-transform:uppercase;
	font-size:15px;
	border-bottom:1px solid #999;
	padding-bottom:4px;
	}
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
	margin-right:1px;
}
#box1 span div{
 padding:10px 0 0 0; 
}
.mask1{
	position:relative;
	width:601px;
	height:500px;
        padding-bottom:10px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}		
.buttons{
	display:none;
	}	
#prev{
	position:absolute;
	width:50px;
	height:50px;
	top:200px;
	left:-50px;
	z-index:10000;
	cursor:pointer;
	background:url(../img/prev.png);	
	}
#next{
	position:absolute;
	right:-50px;
	width:50px;
	height:50px;
	top:200px;
	z-index:10000;
	cursor:pointer;	
	background:url(../img/next.png);	
	}


a.titolfotos{
	float:left;
	color:#444;
	font-size:12px;
	width:245px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #ccc;
	padding:15px 0;
	border:1px solid #ddd;
	text-align:center;
        background:#F2F2B8;
	}	
a.titolfotos:hover{
	color:#000;
	background:url("../img/bg-rayat.gif");
	}