/* CSS Document */
/* ESTILS PER EL LAYOUT */
body{
	background: url(../img/interface/fondos/web.gif) #8F8876;
	font-family: Tahoma,Verdana,Arial;
	padding:5px 0 0 0;
	margin:0px;
	font-size:1em;
	scrollbar-3dlight-color:#B6882D;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#000000;
	scrollbar-shadow-color:#B6882D;
	scrollbar-base-color:#000000;
	scrollbar-face-color:#666666;
	scrollbar-arrow-color:#B6882D;
	scrollbar-highlight-color:#000000;
	scrollbar-track-color:#000000;
}
#contenedor{
	position : absolute;
	height : 450px;
	width : 700px;
	top : 50%;
	left : 50%;
	margin : -225px -350px;
	padding: 0;
	background : url(../img/interface/fondos/contenido.jpg) bottom left no-repeat #000;
	border:1px solid #fff;
	z-index:3;
}
#contenido{
	position:absolute;
	top:120px;
	left:230px;
	padding: 0;
	width:360px;
	height:275px;
	color:#ccc;
	font-size:80%;
}
#contenidoSeccion{
	width:350px;
	height:250px;
	overflow: auto;
	padding-right:10px;
	margin:0;
}
#cabecera{
	height:111px;
	width:698px;
	background: url(../img/interface/fondos/cabecera.jpg) repeat-x ;
	margin:0;
	padding:0;
	border:1px solid #000;
}
#logo{
	height:111px;
	background: url(../img/interface/fondos/logo.jpg) no-repeat right top;
	border:0;
	margin:0;
}
#menu #retraroMiquel{
	position:absolute;
	top:20px;
	left:20px;
}
#menu ul{
	position:absolute;
	margin:0;
	padding:0 0 0 180px;
	top:75px;
	left:35px;
}
#menu li{
	position: relative;
	display:inline;
	margin-right:10px;
}
#menu li a:link,#menu li a:visited{
	position: relative;
	color: #c93;
	font-size:80%;
	font-weight:bold;
	text-decoration:none;
	margin:0;
}
#menu li a:hover{
	color: #FFD700;
	font-size:80%;
	font-weight:bold;
	text-decoration:none;
	margin:0;
}
#menu li.editorial{
	position: absolute;
	margin-right:70px;
	padding:50px 20px 30px 90px;
	top:-50px;
	left:0px;
	background: url(../img/imagenes/miquelsegura.jpg) no-repeat;
}
#menu li.editorial a:link{
	padding:0;
	margin:0;
}
#menu li.editorial a:hover{
	padding:0;
	margin:0;
}
#banners{
	position:absolute;
	top:111px;
	right:0;
	width:100px;
	background: url(../img/interface/fondos/banners.jpg) top no-repeat #3D3737 ;
}
#banners ul{
	position: relative;
	margin: 50px 0 0 0 ;
	padding:0;
	list-style: none;
}
/**/
#banners li{
	float: right;
	width:100px;
	margin: 5px 0px 10px 0px;
	padding: 0;
	text-align: center;
	list-style: none;
	line-height: 80%;
	opacity:0.7;
	filter: Alpha(Opacity='70');
}
#banners li a{
	text-decoration:none;
}
#banners li.uh{
	background: url(../img/interface/banners/ultimahora.gif) no-repeat 50% 0px;
	padding:53px 5px 0 5px;
}
#banners li.ieb{
	background: url(../img/interface/banners/insEstudisBalearics.gif) no-repeat 50% 0px;
	padding:80px 5px 0 5px;
}
#banners li.elm{
	background: url(../img/interface/banners/editLleonard.gif) no-repeat 50% 0px;
	padding:55px 5px 0 5px;
}
#banners li.tab{
	background: url(../img/interface/banners/tarbut.jpg) no-repeat 50% 0px;
	padding:35px 5px 0 5px;
}
#banners span{
	font-size: 65%;
	font-weight:bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999;
}
#pie{
	position: absolute;
	top:458px;
	width:700px;
	text-align: center;
	padding:0 0 2px 0;
}
#pie a:link,#pie a:visited{
	color: #CC9933;
	background-color: #8F8876;
	font-size:10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 2px 0 0 0;
	padding:3px;
}
#pie a:hover{
	color: #FFD700;
}
#extraBody{
	background: url(../img/interface/fondos/sombraPanel.gif) no-repeat 0px 0px;
	position : absolute;
	width:710px;
	height:460px;	
	top : 50%;
	left : 50%;
	margin : -225px -350px;
	z-index:2;
}
/*----TAGS-----*/
h1{
	display:none;
}
h2 span{
	visibility:hidden;
	font-size:10px;
}
h2{
	width:350px;
	height:32px;
	margin:0 0 5px 0;
	padding: 0;
	border-bottom:1px solid #4A4A4A;
}
img{
	border:1px solid #666;
}
h3{
	font-size: 120%;
	color: #CC9933;
	margin:2px;
	font-family: sans-serif;
	font-weight:bold;
}
#contenidoSeccion p{
	font-size:95%;
	color: #DCDCDC;
	margin:5px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
li a:link, li a:visited{
	color: #DAA520;
	margin-left:5px;
}
li a:hover{
	color: #FFD700;
	margin-left:5px;
}
form{
	position:relative;
	left:10px;
	width:300px;
	padding:5px;
	margin:2px;
}
/*----CLASES----*/
.invisible{
	display: none;
}
.error{
	color: #D00;
	font-size:100%;
	font-weight: bold;
}
.info{
	font-size:80%;
	color: Silver;
}
.data{
	font-size:85%;
}
/*----Titulares----*/
.editorial h2{
	background: url(../img/interface/titulos/ultArticulo.gif);
}
.era h2{
	background: url(../img/interface/titulos/articulos.gif);
}
.links h2{
	background: url(../img/interface/titulos/enlaces.gif);
}
.docs h2{
	background: url(../img/interface/titulos/correspondencia.gif);
}
.obra h2{
	background: url(../img/interface/titulos/obra.gif);
}
.legado h2{
	background: url(../img/interface/titulos/legado.gif);
}
.contacto h2{
	background: url(../img/interface/titulos/contacto.gif);
}
.solicitud h2{
	background: url(../img/interface/titulos/solicitud.gif);
}
.notis h2{
	background: url(../img/interface/titulos/noticias.gif);
}
/*--- Clases especificas de secciones ---*/
.era ul,.notis ul{
	margin:0;
	padding:0;
}
.era li,.notis li{
	list-style:none;
}
.era #contenidoSeccion img,.notis #contenidoSeccion img{
	float:left;
	padding:5px 5px 5px 0;
	border:0;
}
.era a.volver:link,.era a.volver:visited,.notis a.volver:link,.notis a.volver:visited{
	color:#939393;
	position: absolute;
	top:15px;
	right:0;
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
}
.era a.volver:hover,.notis a.volver:hover{
	color:#DAA520;
}
/* ----- */
.contacto,.solicitud{
	position:relative;
}
.contacto label,.solicitud label{
	display: block;
	width: 120px;
	float: left;
	margin-bottom: 10px;
	margin-right:10px;
	text-align:right;
}
.contacto textarea,.contacto input.textForm,.solicitud textarea,.solicitud input.textForm{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	font-size:95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/interface/fondos/inputs.gif) top repeat-x #666;
	border:1px solid #666;
	color: #DCDCDC;
	padding:2px;
}
.contacto textarea,.solicitud textarea{
	width: 160px;
	height:6em;
}
.contacto br ,.solicitud br{
	clear: left;
}
.contacto legend,.solicitud legend{
	position:relative;
	color:#A8B801;
	font-size:10px;
	font-weight:bold;
	margin:0.7em;
}
.contacto .botonForm,.solicitud .botonForm{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	font-size:95%;
	border:1px solid #666;
	background: url(../img/interface/botons/botonMenuHover.gif) 0px 20px;
	color: #DAA520;
	cursor: pointer;
	margin-left:65px;
}
body[id="moz"] .botonForm{
	margin-left:130px;
}
.contacto #error,.solicitud #error{
	position:absolute;
	width:250px;
	height: 80px;
	left:20px;
	top:100px;
	background: url(../img/interface/fondos/sombraAlert.gif) top repeat-x #eee;
	border:2px solid #7A2929;
	z-index:30;
	font-size:85%;
	padding:15px 5px 5px 5px;
}
.contacto #error a.cerrar,.solicitud #error a.cerrar{
	color: #fff;
	position:absolute;
	top:0;
	right:0;
	padding-right:15px;
	line-height: 11px;
	background: url(../img/interface/botons/cerraralerta.gif) no-repeat right top;
	text-decoration:none;
}
.contacto form,.solicitud form{
	margin:0;
	padding:0;
}
/* ----- */
.obra li a:link,.obra li a:visited{
	display:block;
	font-size:95%;
	margin:5px 1px 1px 7px;
	padding: 1px 8px 1px 5px;
	color:#eee;
	text-decoration:none;
	font-weight:bold;
	background: url(../img/interface/botons/flecha.gif) #494444 right top no-repeat;
	width:140px;
	white-space:pre;
}
.obra li a:hover{
	color:#CCC;
}
.obra li{
	list-style:none;
	display:block;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	padding-bottom:10px;
}
.obra li img{
	float:left;
	margin:0 5px 0 0;
	
}
.obra li h3{
	font-size:105%;
}
.obra li span.descripcion{
	font-size:95%;
	margin-left:10px;
	display:block;
	margin-bottom:5px;
}
.obra li .conceptePreu{
	color: #c93;
	font-weight:bold;
	clear:right;
	margin-left:5px;
}
.obra li .preu{
	clear:right;
}
.obra ul{
	margin:0;
	padding:0;
}
.links #listaLinks,.docs #listaDocs{
	margin:0;
	padding:0;
}
.links #listaLinks li,.docs #listaDocs li{
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}
.links #listaLinks li .descripcio{
	display:block;
	color:#CCC;
	margin:5px 0 0 15px;
}
.docs .titular{
	color: #eee;
	font-weight:bold;
	display:block;
	margin-left:10px;
}
.docs .descripcio{
	margin:4px 0 4px 20px;
	display:block;
	font-size:0.9em;
}
.docs .aDescarga{
	margin:4px 0 4px 15px;
	display:block;
	font-size:0.9em;
}