/*

	Full d'estils del web:
	Colla dels Blancs de Granollers (www.blancs.cat)
	
	
	fet per: ramonforns.cat
	
	
	blau: #ef8a14
	blau links: #ef8a14
*/

/*	Definicions generals de pàgina  */


body {
	background: #fff;
	color:#000;
	font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 10pt;
}


a { color: #ef8a14; text-decoration:none; }
a:hover{color:#e5a33b; text-decoration:underline; } 

a.vermell{ color:#b00; }

.clear { clear:both; }

.mostra, .ocult {
	display:none;
}

.fdreta{float:right;}
.fesquerra{float:left;}


h1 { font-size: 15pt; font-weight:bold; color:#000;margin-bottom: 15px;}
h2 { font-size: 15pt; font-weight:bold; color:#ef8a14;margin-bottom: 15px;}
h3 { font-size: 13pt; font-weight:bold; margin-bottom: 10px;}
h4 { font-size: 12pt; font-weight:bold; color:#ef8a14;margin-bottom: 5px;margin-top:10px;}


div#contingut-iphone h1 { margin-top: 10px;}
div#contingut-iphone h2 { margin-top: 10px;}
div#contingut-iphone h3 { margin-top: 10px;}
div#contingut-iphone h4 { margin-top: 10px;}

b , strong { color:#ef8a14; }


.barra-iphone {
	width: 100%;
	background: #999;
	color: #fff;
	margin-bottom: 5px;
	text-align:center;
	font-size: 12pt;
	line-height: 16pt;
}
	.barra-iphone a {
		display:block;
		width: 100%;
		height: 30px;
		line-height: 30px;
		
		color:#fff;
		text-decoration: none;
		font-weight:bold;
	}
	

	

div#pagina {
	width: 960px;
	margin: 10px auto;
	margin-bottom:0px;
	/*  decoració 2010 */
/*	background: transparent url('../imatges/marcianets.png') no-repeat top right; */
}

body[orient="profile"] div#pagina-iphone {
	width: 320px;
	margin: 0px auto;
}
body[orient="landscape"] div#pagina-iphone {
	width: 480px;
	margin: 0px auto;
}



p {
	padding: 0px 10px 18px;
}


/*	Capçalera i peu de pàgina  */


	div#capcalera {
		width: 715px;
		float:right;
		padding-top: 10px;
		padding-bottom: 20px;
		background: transparent url('../imatges/navegacio.png') no-repeat top left;
	}
	
	
	div#capcalera-iphone {
		width: 100%;
	}
	
		ul#navegacio-general {

			list-style-type: none;
			margin:15px 0px 15px;
			padding:0px;
			padding-left: 10px;
			font-size:18px;
		}
		
			ul#navegacio-general li {
				display: block;
				float:left;
				
			}

			ul#navegacio-general li.actiu {
				font-weight:bold;
			}
		
				ul#navegacio-general li a {
					display:block;
					text-decoration: none;
					color:#000;
					padding: 0px 7px 2px;
					margin: 0px 0px 15px;
				}
				
				ul#navegacio-general li a:hover { color:#ef8a14; }
				ul#navegacio-general li.menu-jocs a { color:#ef8a14; }
				

	
		ul#navegacio-iphone {
			list-style-type: none;
			margin:15px 0px 15px;
			padding:0px;
			font-size:18px;
		}
		
			ul#navegacio-iphone li {
				display: block;
				float:left;
				
			}

			ul#navegacio-iphone li.actiu {
				
			}
		
				ul#navegacio-iphone li a {
					display:block;
					text-decoration: none;
					
					padding: 4px 7px;
					margin: 0px 0px 15px;

					color: #fff;
					
					border: 1px solid #aaa; 
					background: #aaa;

				}
				
				ul#navegacio-iphone li.actiu a { 
					color: #333;
					border: 1px solid #eee; 
					background: #eee;
				}
				

					
		
	
	div#esquerra {
		width: 230px;
		float:left;
	}
		
		
		
		
		div#esquerra .mini-calendari {

			width: 190px;
			height: 190px;
			background: transparent url('../imatges/calendari-menu.png') no-repeat top center;
			text-align:center;
		}

		
			div#esquerra .mini-calendari .dia {
				display:block;
				padding-top: 45px;
				font-weight:bold;
				font-size: 40px;
				color:#f60;
			}
			div#esquerra .mini-calendari .mes {
				display:block;
				font-size: 20px;
				color:#f60;
			}
			div#esquerra .mini-calendari .que {
				width: 170px;
				margin: 5px auto;
			}
				div#esquerra .mini-calendari .que a {
					color:#000; 
				}

		
		div#esquerra .mini-calendari a.dia , div#esquerra .mini-calendari a.mes {
			color:#f60; 
		}
		div#esquerra .mini-calendari a.dia:hover , div#esquerra .mini-calendari a.mes:hover, div#esquerra .mini-calendari .que a:hover {
			text-decoration: none;
		}
					


	div#contingut {
		width: 715px;
		float:right;
		padding-bottom: 15px;
	}
	
	div#contingut-iphone { 
		clear:both;
		width: 100%;
		line-height: 120%;
	}

	div#peu {
	
		background:transparent url('../imatges/fons_peu.png') no-repeat top center;
	
		clear:both;
		margin-top: 15px;
		font-size:10pt;
		padding-top: 22px;
		padding-bottom: 10px;
		color: #555;
		text-align:center;
		
	}
	
	div#peu-iphone {
		clear:both;
		
		margin-top: 15px;
		font-size:10pt;
		padding-top: 12px;
		color: #555;
		text-align:center;
		
	}

	div#fil-dariadna {
		color:#808080;
		margin-bottom: 15px;
		font-size:10pt;

	}
		div#fil-dariadna a {
			text-decoration: none;
			color:#808080;
		}
		
/*	noticies */		

.paginacio {
	float:right;
	font-size:9pt;
	margin: 10px 0px;
}
	
	.paginacio a {
		display: block;
		float: left;
		margin-right: 3px;
		padding: 3px 4px;
		border: 1px solid #fff;
		color: #555;
		font-weight:normal;
		text-decoration: none;
	}
	
	.paginacio a.numero {
		display: block;
		float: left;
		margin-right: 3px;
		padding: 3px 4px;
		border: 1px solid #ef8a14;
		color: #555;	
	}
	
	.paginacio span {
		display: block;
	
		float: left;
		margin-right: 3px;
		padding: 3px 4px;
		border: 1px solid #fff;
		color: #aaa;	
	}
		.paginacio a.numero:hover {
			background-color: #138adb;
		
		}
		
		.paginacio span.actual {
			color: #fff;
			background-color:#ef8a14;
		}

 .noticia {
 	margin-bottom:10px;
 	
 }
 
	 .noticia-linia-taronja {
	 	clear:both;
	 	height:8px;
/*	 	background: #fff url(../imatges/linia-taronja-curta.jpg) no-repeat top center;*/
	 	width: 100%;
	 	margin-bottom: 10px;
	 }
	 .noticia-linia-gris {
	 	clear:both;
	 	height:8px;
/* 	 	background: #fff url(../imatges/linia-gris-curta.jpg) no-repeat top center; */
	 	width: 100%;
	 	margin-bottom: 10px;
	 }
 
			
	.noticia .data {
		float: right;
		color:#555;
		display:block;
		margin-top:10px;
	}


	div#contingut-iphone .noticia .data {
		float:none;
		color:#555;
		display:block;
		margin-top:10px;
		
	}

	.noticia .titol {
		font-size:20px;
		color:#000;
		text-decoration:none;
		margin-left: 6px;
	}

	div#contingut-iphone .noticia .titol {
		font-size:20px;
		color:#000;
		text-decoration:none;
		margin-left: 0px;
	}


	.noticia .padding {
		padding: 10px;
	}
	
	div#contingut-iphone .noticia .padding {
		padding: 5px;
	}
	
	.noticia .adjunt {
		float:right;
		padding-left: 10px;
		clear:right;
	}
	
	
	.noticia .imatge {
		padding-left: 10px;
		float:right;
		text-align:right;
	}
	.noticia .imatge img {
		margin: 0px 0px 5px 10px;
	}
	
	.noticia .imatge .peu {
		font-size: 90%;
		font-style: italic;
		margin-bottom: 10px;
		color:#555;
		display:block;
	}
	
	div#contingut-iphone .noticia .imatge {
		clear:both;
		display:block;
		float:none;
		margin: 5px 0px;
		background-color:#ddd;
		text-align: center;
		padding:0px;
	}
	div#contingut-iphone .noticia .imatge img {
		margin: 5px auto;
	}
	
	div#contingut-iphone .noticia .imatge .peu {
		font-size: 90%;
		color:#333;
		display:block;
	}
	
		
/*	fi noticies */
		

	/* formularis */
	

		.capsa-gris {
			font-size: 120%;
			margin: 5px 0px;
			background-color: #dfdfdf;
			padding: 15px 5px 15px 25px;
			border: 1px solid #bbb;
			color: #777;
			text-align: center;
		}	


		.capsa-ok {
			font-size: 110%;
			margin: 5px 0px;
			background-color: #e0ffe0;
			padding: 15px 5px 15px 25px;
			border: 1px solid #54d300;
			color: #54d300;
			text-align: center;
		}	

		.capsa-ok b, .capsa-ok strong { color:#54d300; }

		.capsa-error {
			font-size: 110%;
			margin: 5px 0px;
			background-color: #ffe9e0;
			padding: 15px 5px 15px 25px;
			border: 1px solid #d34100;
			color: #d34100;
			text-align: center;
		}				
		.capsa-error b, .capsa-error strong { color:#d34100; }
		
		
		.formulari fieldset {
		
			border: 1px solid #ccc;
			
			padding: 10px;
			
			padding-bottom: 15px;
			margin-bottom: 10px;
			
			
			
		}
		.formulari fieldset legend {
		
			font-size: 110%;
			color: #999;
		}
		

		.formulari fieldset label {
			
		}	
		
		
			.formulari label {

				display: block;
				margin: 10px 0px 7px 0px;
				cursor:pointer;
			}
			
			.formulari label.neta {
				display: inline;
				margin: 0px;
			
			}
			
			.formulari small {
				display: block;
				color: #666;
				margin-bottom: 5px;
				font-size: 90%;
			}
		
			.formulari input[type=text], .formulari input[type=password], .formulari textarea  {
				width: 97%;
				
				border: 1px solid #999;
				border-left-width: 3px;
			}

			.formulari div.requerit label , strong.requerit {
				font-weight: bold;
				color:#444;
			}
			.formulari div.requerit input {
				border-width: 2px;
				
			}
			.formulari div.error label {
				color: #900;
			}
			.formulari div.error input, .formulari div.error textarea {
				border-color: #900;
			}
			.formulari div.error .text-error {
				color: #900;
				margin: 4px 0px 10px 20px;
			}
			.formulari div.error .text-error:before {
				color: #900;
				font-weight: bold;
				content: '!';
				font-size: 130%;
				margin-right: 5px;
			}

			.formulari .obligatoris {
				text-align: right;
				font-weight:bold;
			}


			
	/* fi formularis */		
	
	
		
/*	grups */		



 .grup {
 	margin-bottom:10px;
 	
 }

	.grup .titol {
		font-size:16px;
		color:#ef8a14;
		text-decoration:none;
		margin-left: 6px;
	}

	.grup .padding {
		padding-left: 10px;
	}

	.grup .imatge {
		padding-left: 10px;
		float:right;
		text-align:right;
	}
	.grup .imatge img {
		margin: 0px 0px 5px 10px;
	}
	
	.grup .imatge .peu {
		font-size: 90%;
		font-style: italic;
		margin-bottom: 10px;
		color:#555;
		display:block;
	}
	
		
/*	fi grups */
			
/*	programació	*/		
	
	
 .acte {
 	margin-bottom:10px;
 	margin-top:15px;
 }
	.acte .data {
		font-size:14px;
		color:#555;
		text-decoration:none;
		line-height: 16px;	
	}
	
	.acte .altres {

		font-size:12px;
		color:#444;
		text-decoration:none;
		line-height: 16px;	
	}
	
	.acte .titol {
		font-size:16px;
		font-weight:bold;
		color:#ef8a14;
		text-decoration:none;
		line-height: 20px;
	}
	.acte .llegenda {
 		float:left;
		margin-right: 5px;
	}
	.acte .padding {
		padding-left:5px;
	}
	
	

	.acte .imatge {
		padding-left: 10px;
		float:right;
		text-align:right;
	}
	.acte .imatge img {
		margin: 0px 0px 5px 10px;
	}
	
	.acte .imatge .peu {
		font-size: 90%;
		font-style: italic;
		margin-bottom: 10px;
		color:#555;
		display:block;
	}

	div#contingut-iphone .acte .imatge {
		
		display:block;
		float:none;
		clear:both;
		margin: 5px 0px;
		
		background-color: #ccc;
		text-align:center;
	}
	div#contingut-iphone .acte .imatge img {
		margin: 5px auto;
	}
	
	div#contingut-iphone .acte .imatge .peu {
		font-size: 90%;
		color:#333;
		display:block;
	}
	

	.separador {
		display:block;
		height: 21px;
		width:100%;
		background: transparent url('../imatges/separador.png') no-repeat center center;
	}
		
	
/*	fi programació	*/
		
		
.fotografies th {
	text-align: center;
}
.fotografies td {
	padding: 10px 0px;
}