@charset "utf-8";

/* GENERAL */
body { background-image:url(../image/teloFons.jpg); background-repeat:repeat-x; background-color:#4a264f; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#1a171b; margin-top:0px; }
img { border:none; }
a { text-decoration:none; }

/* TEMPLATE */
#contingut { position:absolute; width:880px; margin-left:-450px; left:50%; background-color:#FFF; padding:10px 10px 15px 10px;}
	#top { position:relative; width:880px; height:190px; }
		#topLogo { float:left; width:200px; }
		#topImatge { float:left; width:630px; height:190px; padding-right:50px; background-color:#000; text-align:right; }
	#menu { position:relative; width:860px; height:20px; padding:10px 10px 10px 10px; margin-bottom:15px; background-image:url(../image/menu.jpg); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF; }
		#menuPunts { float:left; }
			.menuLink { color:#FFF; }
			.menuLink:hover { color:#000; }
		#menuCercador { float:right; }
	#mig { position:relative; float:left; width:680px; height:auto; }
	#dreta { position:relative; float:right; width:175px; height:auto; padding:10px 5px 10px 5px; background-color:#DDD; text-align:center; }
	#bottom { position:absolute; float:left; height:15px; margin-top:15px; color:#FFF; }
		#bottomLeft { position:relative; float:left; width:640px; }
		#bottomRight { position:relative; float:left; width:240px; text-align:right; }
#neteja { clear:both; }
	
/* INDEX */
#indexAgenda { position:relative; float:left; width:680px; /*height:790px;*/ background-image:url(../image/index/grisDegradat.jpg); background-repeat:repeat-x; }
#indexAgendaTitol { position:relative; float:left; width:680px; height:40px; font-family:"Times New Roman", Times, serif; text-align:center; font-size:26px; color:#900; }
#indexAgendaEspectacle { position:relative; float:left; width:320px; }
#indexAgendaEspectacleFoto { position:relative; float:left; width:310px; margin:15px 5px 5px 5px; }
#indexAgendaEspectacleResum { position:relative; float:right; width:310px; margin:5px 5px 5px 5px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#B30033; }
#indexAgendaEspectacleCompra { position:relative; float:left; width:170px; margin:20px 75px 20px 75px; background-image:url(../image/menu.jpg); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; text-align:center; font-weight:bold; color:#FFF; cursor:pointer; }
#indexAgendaEspectacleDesc { position:relative; float:left; width:320px; margin:5px 5px 5px 5px; text-align:justify; }
#indexAgendaSeparador { position:relative; float:left; width:20px; height:780px; margin:20px 0px 0px 20px; background-image:url(../image/index/vermellSeparadorAgenda.jpg); background-repeat:repeat-y; }

/* PORTADA */
#indexTitol { position:relative; float:left; width:600px; margin-left:10px; height:40px; font-family:"Times New Roman", Times, serif; font-size:30px; color:#900; }
#indexAgendaLinia { position:relative; float:left; width:680px; /*margin: 10px 10px 10px 10px;*/ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer; }
	#indexAgendaEvent { position: relative; height:130px; float:left; width:320px; padding: 10px 0px 0px 5px; }
		#indexAgendaEventFoto { position:relative; float:left; width:100px; }
			#indexAgendaEventTitol { color:#b30033; }
			#indexAgendaEventText { margin-top:2px; text-align:justify; }
		#indexAgendaEventInfo { position:relative; float:left; width:205px; padding-left:10px; }
	#indexAgendaSeparadorEvent { position:relative; float:left; height:110px; width:30px; background-image:url(../image/index/separadorEventPortada.jpg); background-position:center; background-repeat:no-repeat; }
#indexAgendaNoEvents { position:relative; margin-top:300px; text-align:center; }
#indexAgendaHistoric { }

#indexNoticiesTitol {}
#indexNoNoticies {}
#indexNoticiesHistoric {}
	

/* AGENDA */
#agendaLlista { position:relative; float:left; width:240px; height:auto; background-color:#DCDDDE; }
	#agendaLlistaDetall { position:relative; float:left; width:230px; height:auto; padding:10px 5px 10px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer; }
		#agendaLlistaDetallFoto { position:relative; float:left; width:70px; }
		#agendaLlistaDetallText { position:relative; float:left; width:150px; margin-left:5px; }
#agendaDetall { position:relative; float:right; width:400px; margin:0px 20px 0px 20px; }
	#agendaDetallFoto { position:relative; float:left; width:200px; margin-top:20px; }
	#agendaDetallAmic { text-align:right; color:#999; }
	#agendaDetallTitol { position:relative; float:left; width:190px; margin:10px 0px 0px 10px; }
	#agendaDetallResum { position:relative; float:left; width:185px; margin:15px 0px 0px 10px; }
		#agendaDetallResumTitol { position:relative; float:left; width:50px; font-weight:bold; }
		#agendaDetallResumValor { position:relative; float:left; width:130px; margin-left:20px; }
		#agendaDetallResumGeneral { }
	#agendaDetallSeparador { width:195px; height:5px; background-image:url(../image/agenda/separador.gif); background-repeat:no-repeat; }
	#agendaDetallGeneralDesc { position:relative; float:left; text-align:justify; clear:both; }
	#agendaDetallCompra { position:relative; float:left; width:400px; height:25px; margin-top:10px; padding-top:5px; background-image:url(../image/menu.jpg); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; text-align:center; font-weight:bold; color:#FFF; cursor:pointer; }
	#agendaDetallCompartir { position:relative; float:left; width:390px; height:40px; margin-top:20px; padding:10px 0px 0px 10px; background-color:#DDD; text-align:center; }
	#agendaDetallGaleria { position:relative; float:left; width:390px; height:auto; margin-top:20px; padding-left:10px; background-color:#DDD; text-align:center; }
	#agendaDetallVideo { position:relative; float:left; width:390px; height:auto; margin-top:20px; padding-left:10px; background-color:#DDD; text-align:center; }


/* NOTICIES */
#noticiaLlista { position:relative; float:left; background-color:#DCDDDE; width:680px; /*height:inherit;*/ margin:10px 5px 10px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer;}
	#noticiaLlistaImatge { position:relative; float:left; width:100px; padding: 10px 10px 10px 10px; }
	#noticiaLlistaInfo { position:relative; float:left; width:540px; padding:10px 10px 10px 10px; }

#noticiaDetall { position:relative; }
	#noticiaDetallImatge { position:relative; float:left; width:250px; background-color:#DCDDDE; height:inherit; padding: 10px 10px 10px 10px; }
	#noticiaDetallContingut { position:relative; float:left; width:400px; padding: 10px 0px 10px 10px; }
		#noticiaDetallSeparador { width:100%; height:5px; background-image:url(../image/noticia/separador.gif); background-repeat:repeat-x; }
		.noticiaDetallDescCurta { font-weight:bold; }
		
/* CERCADOR */
#cercadorLlista { position:relative; float:left; background-color:#DCDDDE; width:680px; height:inherit; margin:10px 5px 10px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer;}
	#cercadorLlistaImatge { position:relative; float:left; width:100px; padding: 10px 10px 10px 10px; }
	#cercadorLlistaInfo { position:relative; float:left; padding:10px 10px 10px 10px; }

/* SITUACIÓ */
#contacteFormulari { float:left; margin-left:20px; }
#contacte { float:left; width:640px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; }
#contacte input { float:left; width:250px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; }
#contacte input:focus,textarea:focus { border:2px solid #b30033; background:#fff; }


#contacteMapa { float:left; }
	#contacteMapaTop { width:680px; height:20px; }
	#contacteMapaLeft { width:20px; height:400px; float:left; }
/*	#sitMapaMapa { width:600px; float:left; }*/

/* TIPOGRAFIES */
.taronja { color:#EE8F22; }
	.taronja.gran { font-size:29px; }
	.taronja.mitja { font-size:16px; font-weight:bold; }
	.taronja.mitja.blau { color:#172983; }
.indexForm { color:#FFF; }
	.indexForm input { width:200px; font-size:10px; background-color:#CCC; border:none; }
.adminMenu { color:#000000; }
.textAvis { cursor: pointer; }
.text_no_decor { text-decoration:none; color:#000; }


.titol { font-family:"Times New Roman", Times, serif; font-size:28px; color:#b30033; }
.agendaLlistaTitol { font-size:16px; font-weight:bold; color:#b30033; }
.agendaLlistaTipus { font-size:13px; font-weight:bold; color:#000; }
.agendaLlistaData { font-size:12px; color:#b30033; }
.agendaLlistaDesc { font-size:12px; color:#000; }
.noticiaTitol { font-size:16px; font-weight:bold; color:#b30033; }
.noticiaData { font-size:12px; color:#b30033; }
.noticiaDesc { font-size:12px; color:#000; }

.amics { width:520px; height:300px; padding:10px; background-color:#CCC; border:1px solid #900; }
.amics td { font-size:12px; font-weight:bold; color:#b30033; }

.mapaWeb  {text-decoration:none; color:#b30033;}
.mapaWeb:link {text-decoration: none; color:#b30033;}
.mapaWeb:visited {text-decoration: none; color:#b30033;}
.mapaWeb:hover {text-decoration: underline; color:#b30033;  }

	
/* ADMINISTRACIO */
#adminTop { width:930px; padding-left:20px; font-size:48px; font-weight:bold; clear:both;}
#adminSeparador { width:100%; height:3px; float:left; background-color:#666; }
#adminMenu { width:200px; height:360px; float:left; padding-left:20px; padding-top:20px; clear:both; }
.formulari { width:650px; }
#formulari .error { color: red; }
#adminContingut { float:left; padding-left:20px; padding-top:20px; padding-bottom:20px; }
#adminQuadreMenu { width:180px; height:180px; float:left; padding:10px; text-align:center; color:#FFF; border:1px solid #333; cursor:pointer; background-image:url(image/index/fonsExtranet.gif); background-repeat:repeat-x; }
#adminSeparaMenu { width:30px; height:200px; float:left; }