@charset "utf-8";

.salteador { clear: both; width: 100%; height: 0px; visibility: hidden; }
.supersalteador { clear: both; margin: 100px 0 0 0; width: 100%; height: 0px; visibility: hidden; }
.separatorform { display: inline-block; width: 25px; }
.sep12top { margin: 12px 0 0 0; }
.sep12bottom { margin: 0 0 12px 0; }

div#wrapper { clear: both; margin: 0 auto; width: 970px; background: #FFFFFF; }
div#menu { position: relative; padding: 0 12px; width: 946px; }

div#logo { display: block; float: left; width: 212px; height: 105px; }
div#supra { display: block; float: left; padding: 20px 0 0 0; width: 734px; height: 49px; text-align: right; }
	form#buscador input { margin: 0; padding: 0; border: 0; }
	form#buscador input.caja { position: relative; left: -22px; padding: 3px 0 0 20px; width: 100px; height: 15px; background: #e7e2d9 url('imgs/bg-buscador.jpg') no-repeat 5px 4px; font-size: 10px;  }
	form#buscador input.boton { position: relative; top: -18px; left: 0px; padding: 0 0 5px 0; width: 18px; height: 18px; background: #e7e2d9; font-size: 12px; color: #333; cursor: pointer; }
div#listado { display: block; float: left; width: 734px; height: 36px; }
	div#listado ul { float: right; }
	div#listado ul li { float: left; margin: 0 0 0 8px; }
	div#listado ul li span { display: block; padding: 18px 11px 0 10px; height: 18px; background: url('imgs/bg-listado.jpg') repeat-x left bottom; }
	div#listado ul li span:hover { background: url('imgs/bg-listadohover.jpg') repeat-x left bottom; }
	div#listado ul li span.active { background: url('imgs/bg-listadoactive.jpg') repeat-x center bottom; }
	div#listado ul li span.active2 { background: url('imgs/bg-listadoactive2.jpg') repeat-x center bottom; }
div#sublistado { clear: both; display: block; padding: 10px 0 0 0; width: 946px; height: 24px; text-align: center; background: url('imgs/bg-sublistado.jpg') repeat-x left bottom; }
	div#sublistado span.separador { margin: 0 5px; }
div#sublistadomargen { clear: both; display: block; height: 2px; padding: 0; width: 946px; background: #857041; }
	
div#marker { position: absolute; width: 13px; height: 5px; background: #FFFFFF url('imgs/icon-marker.jpg') no-repeat center bottom; }

div#contenedor { width: 970px; }
	div#principal { display: block; float: left; margin: 12px 6px 12px 12px; width: 467px; height: 579px; }
		div#principal div.info { padding: 10px 15px; width: 437px; height: 100px; background: #ded9d5; }
					div#principal div.info div.obra { display: block; float: left; padding: 10px 15px 0 15px; width: 237px; height: 100px; }
					div#principal div.info div.fecha { display: block; float: left; padding: 10px 0 0 15px; width: 155px; height: 100px; }
					div#principal div.info div.fecha span.datosobra div.datoscomprar { float: left; padding-top: 25px; }
	div#secundario { display: block; float: left; margin: 12px 12px 12px 6px; width: 467px; height: 579px; }
		div.elemento { display: block; height: 185px; width: 467px; }
			div.primero { margin: 0 0 12px 0; }
			div.segundo { margin: 0 0 12px 0; }
			div.tercero { margin: 0; }
				div.elemento div.info { float: left; width: 170px; height: 185px; background: #ded9d5; }
					div.elemento div.info div.obra { display: block; padding: 10px 10px 0 10px; width: 150px; height: 105px; }
					div.elemento div.info div.fecha { display: block; padding: 0 10px; width: 150px; height: 60px; }
				div.elemento div.foto { float: left; width: 279px; height: 185px; }
				
	div#pagina { display: block; margin: 12px; width: 946px; }
		div#pagina div.texto { float: left; padding: 25px 70px 55px 75px; width: 507px; }
			div#pagina div.texto p { margin: 15px 0 0 0; }
			div#pagina div.texto form#inscripcion input.caja { padding: 3px 3px 0 3px; width: 264px; height: 17px; border: none; background: #715f36; }
			div#pagina div.texto form#inscripcion label { display: inline-block; width: 90px; }
			div#pagina div.texto form#inscripcion input.botonenviar { position: relative; left: 628px; width: 117px; height: 25px; background: #333333; border: none; cursor: pointer; }
			
		div#pagina div.programacio{ float: left; padding: 25px 0px 55px 0px; width: 946px;  }
			div#pagina div.programacio div.any{ display: block; text-align: center; width: 85px; height: 30px; background:#857041; }
				div#pagina div.any p { margin: 7px 0 0 0; }
			div#pagina div.programacio div.mes{ display: block; text-align: center; width: 85px; height: 30px; background:#857041; }
				div#pagina div.mes p { margin: 7px 0 0 0; }
			div#pagina div.programacio div.espectacle{ display: block; text-align: center; width: 946px; height: 85px; background:#ded9d6; }
				div#pagina div.espectacle p { margin: 7px 0 0 0; }
				div#pagina div.programacio div.espectacle div.dia{ float: left; text-align: center; width: 85px; height: 85px; background:#ae9f88; }
				div#pagina div.espectacle div.dia p { margin: 0 0 0 0; }
				div#pagina div.programacio div.espectacle div.diaBuit{ float: left; text-align: center; width: 85px; height: 85px; background:#FFFFFF; }
				div#pagina div.programacio div.espectacle div.fotografia{ float: left; width: 247px; height: 85px; }
				div#pagina div.espectacle div.fotografia  p { margin: 0 0 0 7px; }
				div#pagina div.programacio div.espectacle div.dades{ margin: 10px 10px 0 15px; float: left; width: 307px; text-align:left; height: 75px; }
				div#pagina div.espectacle div.dades  p { margin: 0 0 0 0; }
				div#pagina div.programacio div.espectacle div.horari{ margin: 0 0 0 0; float: left; width: 150px; text-align:left; height: 85px; background:#ae9f88; }
				div#pagina div.espectacle div.horari  p { margin: 0 0 0 0; }
				div#pagina div.programacio div.espectacle div.compra_P{ margin: 30px 0 0 3px; float: left; width: 122px; text-align:left; height: 55px; }
				div#pagina div.espectacle div.horari  p { margin: 0 0 0 0; }
				
						
		div#pagina div.menu { float: left; padding: 62px 0 0 0; width: 294px; }
			div.menu ul.minimenu li { margin: 5px 0; }
			div.menu ul.minimenu li span { display: block; padding: 7px 0 0 15px; width: 169px; height: 20px; background: #FFFFFF url('imgs/menu-paginas.jpg') no-repeat left top; }
			div.menu ul.minimenu li span:hover { background: #FFFFFF url('imgs/menu-paginas-hover.jpg') no-repeat left top; }
			div.menu ul.minimenu li span.active { background: #FFFFFF url('imgs/menu-paginas-active.jpg') no-repeat left top; }
	
div#prefooter { clear: both; margin: 12px auto; width: 970px; height: 185px; }
	div.bloque { display: block; float: left; width: 238px; height: 185px; background: #FFFFFF; }
		div.compra { margin: 0 6px 0 0; padding: 15px 30px 0 15px; width: 193px; height: 170px; background: #FFFFFF url('imgs/bg-compras.jpg') no-repeat right bottom; }
		div.calendario { margin: 0 6px 0 0; padding: 12px 0 0 0; height: 173px; text-align: center; }
			div.selecMes{ float: left; width:161px; margin: 5px 38px 0 39px; }
				div.izqMes{ float:left; width:17px; margin: 4px 0 0 0; }
				div.dreMes{ float:left; width:17px; margin: 4px 0 0 0; }
				div.nomMes{ float:left; text-align:left; width:114px; margin: 0 0 0 5px; }
			div.nomAny{ float: left; width:161px; text-align:right; margin: 0 38px 10px 39px; }
			div.setmana{ float: left; width:161px; margin: 0 38px 0 39px; }
				div.nomDia{ float: left; width:23px; margin: 0 0 5px 0; }
			div.setmanaR{ float: left; width:161px; margin: 0 38px 0 39px; }
				div.nomDiaV{  float: left; width:23px; height:17px; margin: 0 0 0 0; }
				div.nomDiaR{ background:#09608d; float: left; width:15px; height:12px; margin: 1px 4px 1px 4px; padding: 3px 0 0 0; }
				div.nomDiaP{ background:#1f2022; float: left; width:15px; height:12px; margin: 1px 4px 1px 4px; padding: 3px 0 0 0; }
		div.amigos { margin: 0 6px 0 0; }
		div.banner { margin: 0; padding: 12px 0 0 0; height: 173px; text-align: center; }

div#footer { clear: both; margin: 12px auto; padding: 12px 15px 0 15px; width: 940px; height: 25px; background: #FFFFFF; }
	div#footer div.texto { float: left; width: 50%; }
	div#footer div.sociales { float: left; width: 30%; text-align: right; }
		div.sociales span.red { display: block; float: right; margin: 0 0 0 15px; height: 13px; }
			span.facebook { padding: 0 0 0 18px; background: #FFFFFF url('imgs/icon-facebook.jpg') no-repeat left top; }
			span.twitter { padding: 0 0 0 18px; background: #FFFFFF url('imgs/icon-twitter.jpg') no-repeat left top; }
			span.youtube { padding: 0 0 0 38px; background: #FFFFFF url('imgs/icon-youtube.jpg') no-repeat left top; }

div.fondo { background: url('imgs/bg-grisaceo.png') repeat-y center top; }

/* FUENTES */
body { font-family: Georgia, 'Times New Roman', serif; }
div.nomDia { font-family: Tahoma, Geneva, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; color: #212324; }
div.nomDiaR { font-family: Tahoma, Geneva, sans-serif; font-size: 9px; font-weight: bold; font-style: normal; color: #FFFFFF; }
div.nomDiaP { font-family: Tahoma, Geneva, sans-serif; font-size: 9px; font-weight: bold; font-style: normal; color: #FFFFFF; }
div.nomAny { font-family: Georgia, 'Times New Roman', serif; font-size: 18px; font-style: italic; color: #09608d; }
div.nomMes { font-family: Georgia, 'Times New Roman', serif; font-size: 16px; font-weight: bold; font-style: italic; color: #212324; }

div#listado ul li { font-size: 12px; color: #FFFFFF; }
div#sublistado { font-size: 13px; font-style: italic; color: #333333; }
div.bloque span.titular { font-size: 20px; font-style: italic; font-weight: bold; color: #212324; }
div.bloque span.texto { font-size: 18px; font-style: italic; color: #4b84ad; }

div#principal div.info { font-size: 14px; font-style: italic; color: #212324; line-height: 120%; }
	div#principal div.info h2 { margin: 0 0 10px 0; font-size: 18px; color: #857040; }
	div#principal div.info div.obra span.nombreobra { display: block; font-size: 18px; font-style: italic; font-weight: bold; color: #857040; line-height: 115%; }
	div#principal div.info div.obra span.directorobra { display: block; margin: 5px 0 0 0; font-size: 11px; font-style: italic; color: #212324; }
	div#principal div.info div.fecha span.datosobra { display: block; height: 40px; font-size: 11px; font-style: italic; }
	

div.elemento div.info div.obra span.nombreobra { display: block; font-size: 14px; font-style: italic; font-weight: bold; color: #857040; line-height: 115%; }
div.elemento div.info div.obra span.directorobra { display: block; margin: 5px 0 0 0; font-size: 11px; font-style: italic; color: #212324; }
div.elemento div.info div.fecha span.datosobra { display: block; height: 45px; font-size: 11px; font-style: italic; }

div#pagina div.texto h2 { margin: 0 0 25px 0; font-family: Georgia, 'Times New Roman', serif; font-size: 26px; font-style: italic; color: #857040; }
	div#pagina div.texto h2#edifici-ubicacio,
	div#pagina div.texto h2#com-arribar,
	div#pagina div.texto h2#horaris-atencio,
	div#pagina div.texto h2#serveis,
	div#pagina div.texto h2#les-sales,
	div#pagina div.texto h2#vestibuls,
	div#pagina div.texto h2#espais-exteriors { padding: 25px 0 0 0; }
	
div#pagina div.texto { font-family: Tahoma, Geneva, sans-serif; font-size: 0.7em; color: #212324; line-height: 130%; }

div#pagina div.programacio { font-family: Tahoma, Geneva, sans-serif; font-size: 0.7em; color: #212324; line-height: 130%; }
div#pagina div.programacio h2 { margin: 0 0 25px 0; font-family: Georgia, 'Times New Roman', serif; font-size: 26px; font-style: italic; color: #857040; }
div#pagina div.programacio div.any p{ padding: 6px 0 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 23px; font-style: italic; color: #FFFFFF; }
div#pagina div.programacio div.mes p{ padding: 7px 0 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 15px; font-weight:bold; font-style: italic; color: #FFFFFF; }
div#pagina div.programacio div.dia p.lletra{ padding: 12px 0 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; font-style: italic; color: #32352e; }
div#pagina div.programacio div.dia p.num{ margin: 15px 0 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 50px; font-style: italic; color: #32352e; }
div#pagina div.programacio div.dades p.titol{ height: 35px; padding: 0 0 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; font-weight:bold; color: #857040; line-height: 105%; }
div#pagina div.programacio div.dades p.creacio{ padding: 0 0 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 12px; font-style: italic; color: #212324; }
div#pagina div.programacio div.dades p.direccio{ padding: 0 0 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 10px; font-style: italic; color: #212324; }
div#pagina div.programacio div.dades p.direccio span{ padding: 0 0 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 11px; font-style: italic; color: #212324; }
div#pagina div.programacio div.horari p.lloc{ padding: 20px 10px 0 25px; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; font-style: italic; color: #212324; }
div#pagina div.programacio div.horari p.hora{ padding: 0 0 0 25px; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; font-weight:bold; font-style: italic; color: #212324; }

div#pagina div.texto form#inscripcion input.caja { color: #FFFFFF; }
div#pagina div.texto form#inscripcion input.botonenviar { font-family: Georgia, 'Times New Roman', sans-serif; color: #FFFFFF; }

div.menu ul.minimenu li span { font-size: 12px; font-style: italic; }

div#footer { font-size: 10px; color: #212324; }
div.sociales span.red { font-family: Verdana, Geneva, sans-serif; font-size: 9px; }

/* ENLACES */
a, a:link, a:visited, a:hover, a:active, a:hover { text-decoration: none; color: #846f3f; }
div.nomDiaP a, div.nomDiaP a:link, div.nomDiaP a:visited, div.nomDiaP a:hover, div.nomDiaP a:active, div.nomDiaP a:hover { text-decoration: none; color: #FFFFFF; }
div#listado ul li a, div#listado ul li a:link, div#listado ul li a:visited, div#listado ul li a:hover { color: #FFFFFF; }
div#sublistado span a, div#sublistado span a:link, div#sublistado span a:visited, div#sublistado span a:hover { color: #FFFFFF; }
div#sublistado span a.subactive, div#sublistado span a.subactive:link, div#sublistado span a.subactive:visited, div#sublistado span a.subactive:hover { color: #afdeff; }

div.menu ul.minimenu li a, div.menu ul.minimenu li a:link, div.menu ul.minimenu li a:visited, div.menu ul.minimenu li a:hover  { color: #846f3f; }
div.menu u.minimenul li a span.active, div.menu ul.minimenu li a:link span.active, div.menu ul.minimenu li a:visited span.active, div.menu ul.minimenu li a:hover span.active { color: #edebe7; }

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover { text-decoration: none; color: #212324; }

/* MORE */
small { font-size: x-small; }
span.negrita { font-weight: bold; }
span.verde { color: #846f3f; }

/* HACKS */
/* IE 7 */
html > body p.num { *height: 65px; }

div.dia-correc { float: left; padding-top: 10px; height: 75px; width: 85px; font-family: Georgia; font-size: 14px; font-style: italic; text-align: center; color: #32352E; background: rgb(174, 159, 136); }
div.dia-correc span.numer { position: relative; top: -5px; *left: 5px; line-height: 55px; font-size: 50px; }
div#pagina div.any p { *margin: 0px; }
div#pagina div.mes p { *margin: 0px; }