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

/* home */
.spot-popup {width:600px; height:338px; z-index:1;}

/* participa */
.participa{ height:400px; width:500px; margin:auto; padding-top:60px; text-align:center;}
.participa-left{ padding-right:20px;}
.participa-right{}


/* jurat */
#content-jurat {width:860px; height:2040px; margin:auto;}
	.txt-jurat{ width:860px; text-align:justify; margin-top:10px; margin-bottom:25px; }
	.txt-vermell{ color:#cc0000; font-size:9px;}

.jurat-left{ width:415px; height:335px; float:left; position:relative; background-color:#FFF; border: 1px solid #ccc; margin-bottom:30px;}
.jurat-right{ width:415px; height:335px; float:right; position:relative; background-color:#FFF; border: 1px solid #ccc; margin-bottom:30px;}

.foto-mar{ background:url(../images/jurat-marcoll.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-alex{ background:url(../images/jurat-alexpastor.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-isaki{ background:url(../images/jurat-isakilacuesta.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-carlos{ background:url(../images/jurat-carlosfuentes.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-joan{ background:url(../images/jurat-joanplanas.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-uab{ background:url(../images/jurat-montsesantamaria.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-pere{ background:url(../images/jurat-peregibert.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-lourdes{ background:url(../images/jurat-lourdesborrell.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-MA{ background:url(../images/jurat-MAescobar.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-coixet{ background:url(../images/jurat-isabelcoixet.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}
.foto-omedes{ background:url(../images/jurat-davidomedes.jpg) no-repeat; width:131px; height:164px; margin-left:15px; margin-top:15px;}


.extract-jurat { width:245px; float:right; margin-left:15px; margin-top:-90px; line-height:16px;}
.info-jurat{ text-align:justify; margin:10px 15px 10px 15px; font-size:11px; line-height:16px; }
.title-jurat { color:#cc0000; font-size:18px; font-weight:bold; height:20px;}
.info-popup{ text-align:justify; font-size:11px; line-height:16px; width:600px; }

#content-jurat a { color:#cc0000;}
#content-jurat a:hover { color:#4e0303;}

/* premsa */
#content-premsa {width:860px; height:1225px; margin:auto; font-size:11px;}
	.info-premsa{ width:320px; height:293px; float:left; position:relative; background-color:#FFF; border: 1px solid #ccc; margin-bottom:30px; padding:15px 15px 15px 15px;}
	.dossier{ width:239px; height:325px; background:url(../images/dossier-cat.jpg) no-repeat; float:left; position:relative; margin-bottom:30px; margin-left:66px;}
	.dosier{ width:239px; height:325px; background:url(../images/dossier-es.jpg) no-repeat; float:left; position:relative; margin-bottom:30px; margin-left:66px;}
	.bot-premsa { width:102px; height:19px; background-color:#ca000e; float:right; margin-right:40px; margin-top:307px; cursor:pointer; color:#FFF;}
	#content-premsa a { color:#ffffff; font-weight:bold; text-align:center; text-decoration:none; padding-left:7px;}
	#content-premsa a:hover { color:#000; font-weight:bold; text-decoration:none; padding-left:7px;}
	.title-premsa {color:#000; font-size:18px; font-weight:bold;}
	
#content-premsa a { color:#cc0000; text-decoration:none;}
#content-premsa a:hover { color:#4e0303; text-decoration:none;}

#calendari-premsa{float:left; width:860px;}
#mapes-premsa{float:left; width:860px; padding-top:20px;}
.ugt-cat{ width:400px; float:left; font-size:12px; text-align:center; font-weight:bold;}
.cinebaix{ width:400px; float:right; font-size:12px; text-align:center; font-weight:bold;}

/* bases */
#content-bases {width:860px; height:2700px; margin:auto; }
#content-bases a {color:#cc0000; text-decoration:none;}
#content-bases a:hover {color:#4e0303; text-decoration:none;}