/* Per indicar les característiques del body*/

body {color: #000;
		 font-family: Arial, sans-serif; 
		 font-size: 0.9em;
		 text-align: center;}

#pagina {width: 766px;
			margin: 30px auto;}		 

/*Per indicar les característiques de la capçalera*/

	
#capcalera	{text-align: left;
					height: 113px;
					padding: 0;
					margin: 0;
					/*background: url('./imatges/CapcaleraSEAS.jpg') no-repeat;*/
				 	width: 100%;}

h1 {float: right;
		margin: 0;
		padding: 30px 15% 0 0 ;
		color: #000;
	  font-size: 2em;
		text-align: center;}

img.logo {width: 51px;
				height: 73px;
				margin: 0;
				padding: 10px 20px;
				border: 0;}
					
/*per fer el menu*/

#menu {width: 766px;
			float: left;
			padding: 1px 0;
			background-color: #49486f;}

/*Per indicar les característiques de l'id menú*/

ul#menu_botons {	margin: 0px 10px;
					list-style-type: none;}

ul#menu_botons li { display: inline;
					margin: 4px;}
				
ul#menu_botons li a {float: left;
					padding: 4px 16px;
					margin: 2px 0;
					border-right: 1px solid #181716;
					color: #F1FD4C;
					text-decoration: none;}
							
/*Per fer que quedi marcada la casella on estàs*/
ul#menu_botons li a.marcat { background-color: #646161;}		

ul#menu_botons li a.primer {border-left: 1px solid #181716;
						margin-left: -8px;}

ul#menu_botons li a.primer_marcat { background-color: #646161;
				border-left: 1px solid #181716;
				margin-left: -8px}

/*A continuació indiquem la opció per poder marcar amb color taronja el botó del menú quan passes per sobre*/		
			
ul#menu_botons li a:hover { background-color: #646161;
 							color: #fff;}			

#menu_activitats {width: 140px;
			float: left;
			padding: 1px 0;
			margin-left: 305px;
			margin-top: -4px;
			background-color: #49486f;
			position: relative;
			display:none;
			z-index:7}

ul#menu_activitats_botons {margin-left: -30px;
					list-style-type: none;}

ul#menu_activitats_botons li { display: block;
					margin: 4px;}
				
ul#menu_activitats_botons li a {float: center;
					padding: 4px 0px;
					margin: 0px 0;
					color: #F1FD4C;
					text-decoration: none;}

ul#menu_activitats_botons li a:hover { background-color: #646161;
 							color: #fff;}

/*Per indicar les característiques de les opcions de lletra gran*/

.lletra_gran {float: right;
				margin: 0 10px;}
	
/*Per al contingut*/	

#contingut { clear: both;
					width: 746px;
					float: left;
					padding: 0 10px 5px;
					text-align: justify;
					font-size: 0.9em;}

.contingutInf {margin-top: -0px;}
.contingutSup {margin-top: -123px;}

.noticia {width: 656px;
					height: 100%;
					margin: 10px 30px auto;
					padding: 15px;
					border-bottom: 2px solid #cccc33;}

.noticiaTaula {width: 685px;
					height: 100%;
					margin: 0px 30px auto;
					padding: 5px;
					border-bottom: 2px solid #cccc33;}

.contingutNoticia {width: 685px;
					height: 100%;
					margin: 10px 30px auto;
					padding: 0px 15px;}

.data {color: #6E6E6E;}

a:visited {color: #FE9A2E;}

					
h2 {font-size: 1.2em;
		color: #003399;}

h2 a {text-decoration: none;}

a.info {font-size: 0.9em;
		/*font-style: italic;*/
		color: #003399;
		text-decoration: none;}

.noticies {width: 656px;
					height: 100%;
					margin: 10px 30px auto;
					padding: 15px;}
					
.fons {width: 480px;
				margin: 10px 78px;
				padding: 10px 20px;
				background: #cccc33;}

.carnetfeec { width: 175px;
				height: 110px;
				float: right;
				margin: 0 10px 10px;
				padding: 5px;}

.fotoEsquerra {clear: both;
				/*width: 230px;
				height: 173px;*/
				float: left;
				padding: 5px;
				margin: 0 10px 10px;}

.fotoDreta {clear: both;
				/*width: 230px;
				height: 173px;*/
				float: right;
				padding: 5px;
				margin: 0 10px 10px;}

.noticia2fotos_esquerra {clear: both;
				/*width: 230px;
				height: 173px;*/
				float: left;
				padding: 5px;
				margin: 10px 0px 10px 0px;}

.noticia2fotos_dreta {/*clear: both;*/
				/*width: 230px;
				height: 173px;*/
				float: right;
				margin: 10px 0px 10px 10px;}

/*A continuació definim l'estructura de la pàgina d'informació general del centre*/
							
.informacio {width: 656px;
					height: 100%;
					margin: 10px 30px auto;
					padding: 15px;}

.logoSEAS { width: 90px;
					height: 162px;
					float: right;
					margin: 0 10px 10px;
					padding: 5px;}
							
.planol {width: 400px;
				 height:460px;
				 border: 1px solid #000;
				 margin: 15px 67px;}	
				 

/*A continuació indicarem les propietats de la pàgina de notícies*/

li.punt {list-style-type: none;
			background: url('./imatges/punt.gif') no-repeat;
			padding: 0 25px 8px; }

/*Pàgina de publicacions*/

.publicacio {width: 150px;
				height: 211px;
				margin: 0px 0px;
				border: 0;}

.publicacio_novetat {width: 150px;
			height: 211px;
			margin: 0px 0px;
			border: 0;}

.novetat {width: 150px;
		height: 60px;
		margin: 0px 0px;
		border: 0;
		vertical-align: top;}

.text_novetat {width: 250px;
		height: 50px;
		margin: 0px 0px;
		border: 0;
		position: relative;
		top: -200px;
		left: 350px;
		vertical-align: top;}

.llibres {width: 656px;
		 height: 1085px;
		 margin: 10px 30px auto;
		 padding: 15px;}

.llibres2 {width: 656px;
		 height: 1250px;
		 margin: 10px 30px auto;
		 padding: 15px;}

.fila_llibres {width: 616px;
				float: left;
				margin: 5px 10px auto;
				padding: 0px;}

.text_publicacions {width: 566px;
				float: left;
				margin: 10px 10px auto;
				padding: 15px;
				display: none;}

.butlleti {width: 656px;
				height: 480px;
				margin: 10px 30px auto;
				padding: 15px;
				border-bottom: 2px solid #cccc33;}

.portada_pdf {width: 160px;
				float: left;
				margin: 10px 0px auto;
				padding: 15px;}

.portada_butlleti {width: 200px;
				height: 265px;
				margin: 0px -25px;
				border: 0;}

.sumari_pdf {width: 420px;
				float: left;
				margin: 10px 0px auto;
				padding: 15px;}

.anteriors_butlletins {width: 656px;
				float: left;
				margin: 10px 10px auto;
				padding: 15px;}

.biblioteca {width: 656px;
				height: 270px;
				margin: 10px 30px auto;
				padding: 0px 15px;
				border-bottom: 2px solid #cccc33;}

li.pdf {list-style-type: none;
				background: url('./imatges/pdf.gif') no-repeat;
				padding: 0 25px 10px;}				

select.any {float: left;}
						
/*Pàgina de les fotografies*/

.capsa_esquerra {width: 250px;
					float: left;
					margin: 20px 26px 20px 52px;}
				
.capsa_dreta {width: 250px;
					float: left;
					margin: 20px 52px 20px 26px;}

.fotografia {width: 230px;
					height: 173px;
					padding: 10px;
					border: 0;}

.text_imatge {width: 240px;
					text-align: center;
					padding: 5px;}
			
.neteja {clear: both;}

h3 {font-size: 1.2em;
		color:#003399;}

h3.titol {width: 400px;
					margin: 20px auto 40px;}

.fotos_anteriors {width: 630px;
				float: left;
				margin: 10px 0px auto;
				padding: 15px;}

/*Pàgina amb 3 fotografies per fila*/

.fotos3_esquerra {width: 190px;
					float: left;
					margin: 20px 10px 20px 23px;}

.fotos3_centre {width: 190px;
					float: left;
					margin: 20px 10px 20px 10px;}

.fotos3_dreta {width: 190px;
					float: left;
					margin: 20px 23px 20px 10px;}

.fotografia3 {width: 180px;
					height: 135px;
					padding: 10px;
					border: 0;}

.text_imatge3 {width: 190px;
					text-align: center;
					padding: 5px;}

/*Pàgina web dels enllaços*/

.enllacos_esquerra {text-align: left;
								width: 300px;
								float: left;
								margin: 10px 5px 20px 5px;}

.enllacos_dreta {text-align: left;
								width: 300px;
								float: left;
								margin: 10px 5px 20px 5px;} 
								
.enllac {margin-bottom: 40px;}


/*Per indicar les característiques del canvi de lletra*/

.inici {width:40px;
		height: 12px;
		float: right;
		margin:10px;}

/* A continuació definim aquells elements que presenten característques diferenciades.*/

label.si { display: block;
				 width: 150px;
				 height: 20px;
				 float:left;
				 margin: 5px;
				 margin-right: 4px;
				 padding: 3px 5px;
				 text-align: right;
				 background: #669900;}

		 		
input.si {width: 300px;
				 height: 20px;
				 margin: 5px;
				 padding: 3px 4px;
				 margin-bottom: 3px;
				 background: #cccc33;
				 border: solid 1px #cccc33;}

input.boto {width:auto;
					 height:auto;
					 float:left;
					 padding:2px;
					 margin: 7px;
					 background: #cccc33;}
					
input.dia 	{width: 30px;
				 		height: 20px;
				 		border: solid 1px #cccc33;
				 		margin: 5px;
				 		padding: 3px 4px;
				 		margin-bottom: 3px;
						text-align: center;
						color: #585858;
				 		background: #cccc33;}
						
input.mes 	{width: 30px;
				 		height: 20px;
				 		border: solid 1px #cccc33;
				 		margin: 5px;
				 		padding: 3px 4px;
				 		margin-bottom: 3px;
						text-align: center;
						color: #585858;
				 		background: #cccc33;}
					
input.any 	{width: 60px;
				 		height: 20px;
				 		border: solid 1px #cccc33;
				 		margin: 5px;
				 		padding: 3px 4px;
				 		margin-bottom: 3px;
						text-align: center;
						color: #585858;
				 		background: #cccc33;}

select.posicio { width: 300px;
						height: 20px;
						margin: 5px;
						margin-bottom: 3px;}

textarea {width: 400px;
 				 height:auto;
				 margin: 10px;
				 padding: 0;
				 border: solid 1px #848484;}

.dreta {width: 210px;
			 	height: 100%;
				float: left;
				margin: 10px;
				padding:10px;}

.esquerra {width: 210px;
			 		height: 100%;
					float: left;
					margin: 10px;
					padding:10px;} 
				 
#peupagina {clear: both;
		 				height: 25px;
						width: 746px;
		 				margin: 0;
		 				padding: 2px 10px;
		 				font-size:0.6em;
		 				text-align: left;
						background: #cccc33;}

/* Pestanya 75 anys */
.imatge75 {width: 160px;
				float: left;
				margin: 10px 0px auto;
				padding: 15px;}

.titol75 {width: 220px;
				float: left;
				margin: 10px 0px auto;
				padding: 15px;}

.logo75 { width: 160px;
				height: 104px;
				float: right;
				margin: 0 10px 10px;
				padding: 5px;}

.cartell75 { width: 160px;
				height: 210px;
				float: right;
				margin: 0 10px 10px;
				padding: 5px;}