/*

	Full d'estils del web:
	Esplai Guai! de Palou
	
	
	fet per: ramonforns.cat
	
*/


/*	Definicions generals de pàgina  */


body {
	background: #fff;
	color:#000;
	font-family: Arial, verdana, sans-serif;
	font-size: 11pt;
}


a { color:#f60; text-decoration:none; }
a:hover{color:#f60; 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:#f60;margin-bottom: 15px;}
h3 { font-size: 13pt; font-weight:bold; margin-bottom: 10px;}

b , strong { color:#c60; }

div#barra_actualitzant {
	background: transparent url('../imatges/barra_actualitzant.png') repeat-x top;
	height: 46px;
	width:100%;
}

div#pagina {
	width: 960px;
	margin: 10px auto;
}


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




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

	div#capcalera {
		width: 750px;
		float:right;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	
		ul#navegacio-general {
			list-style-type: none;
			margin:15px 0px 5px;
			padding:0px;
			font-size:18px;
		}
		
			ul#navegacio-general li {
				display: block;
				float:left;
				margin: 0px 5px;
				background: transparent url(../imatges/menu-inici.jpg) no-repeat top center;
			}
		
			ul#navegacio-general li:hover {
				background-position:center;
			}

			ul#navegacio-general li.actiu {
				background-position:bottom;
			}
		
				ul#navegacio-general li a {
					display:block;
					text-decoration: none;
					color:#000;
					padding: 0px 2px 10px 2px;
				}
				
				ul#navegacio-general li a:hover { color:#f60; }
				
				
				ul#navegacio-general li.menu-inici { background-image: url(../imatges/menu-inici.jpg); }
				ul#navegacio-general li.menu-noticies { background-image: url(../imatges/menu-noticies.jpg); }
				ul#navegacio-general li.menu-esplai { background-image: url(../imatges/menu-esplai.jpg); }
				ul#navegacio-general li.menu-grups { background-image: url(../imatges/menu-grups.jpg); }
				
				ul#navegacio-general li.menu-galeries { background-image: url(../imatges/menu-grups.jpg); }
				
				ul#navegacio-general li.menu-calendari { background-image: url(../imatges/menu-grups.jpg); }
				
				ul#navegacio-general li.menu-on-som { background-image: url(../imatges/menu-on-som.jpg); }
				ul#navegacio-general li.menu-contacte { background-image: url(../imatges/menu-contacta.jpg); }
				
				ul#navegacio-general li.menu-casal { background-image: url(../imatges/menu-esplai.jpg); }
				ul#navegacio-general li.menu-campaments { background-image: url(../imatges/menu-casal.jpg); }
				ul#navegacio-general li.menu-inscripcions { background-image: url(../imatges/menu-casal.jpg); }
				
				ul#navegacio-general li.menu-casal a { color:#f60; }
				ul#navegacio-general li.menu-campaments a { color:#f60; }
				ul#navegacio-general li.menu-inscripcions a { color:#f60; }				
					
	
	div#esquerra {
		width: 195px;
		float:left;
	}
		
		
		div#esquerra .guai { 
		
			text-align:center;
			margin-bottom:30px;
		}
		
		
		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: 750px;
		float:right;
		padding-bottom: 15px;
	}



	div#peu {
		background: #fff url(../imatges/linia-taronja-llarga.jpg) no-repeat top center;
		clear:both;
		margin-top: 15px;
		font-size:10pt;
		padding-top: 12px;
		color: #555;
		text-align:center;
	}

	



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

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

.paginacio {
	float:right;
	font-size:10pt;
	margin: 10px 0px;
}
	
	.paginacio a {
		display: block;
	
		float: left;
		
		margin-right: 3px;
		
		padding: 3px 4px;
		border: 1px solid #fff;
		
		color: #555;
		font-weight: bold;
	}
	
	.paginacio a.numero {
		display: block;
	
		float: left;
		
		margin-right: 3px;
		
		padding: 3px 4px;
		border: 1px solid #f60;
		
		color: #555;
		font-weight: bold;
	
	}
	
	.paginacio span {
		display: block;
	
		float: left;
		margin-right: 3px;
		padding: 3px 4px;
		border: 1px solid #fff;
		
		color: #aaa;
		font-weight: bold;
	
	}
		.paginacio a.numero:hover {
			background-color: #ff9147;
		
		}
		
		.paginacio span.actual {
			color: #fff;
			background-color:#f60;
		}





 .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;
	}

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

	.noticia .padding {
		padding: 10px;
	}
	.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;
	}
	
		
/*	fi noticies */
		
		
/*	calendari  */

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

	.acte .titol {
		
		font-size:20px;
		color:#000;
		text-decoration:none;
		line-height: 20px;
		margin-bottom: 10px;
	}

	.acte .capsa {
		float:left;
		width: 600px;
		margin-left: 5px;
		padding: 10px 0px;
	}
	
	
	.acte .adjunt {
		clear:right;
		float:right;
		padding-left: 10px;

	}


/*	fi calendari */


.capsa-calendari-inscripcions {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
	
	width: 190px;
	height: 190px;
	background: transparent url('../imatges/calendari-menu.png') no-repeat top center;
	text-align:center;	
}
	

table.miniatures-grups {
	width:100%;
	font-weight:bold;
}		
		
table.miniatures-grups td {
	width:50%;
	text-align:center;
	margin-top: 4px;
}				
		


table.informacio {

	border: 1px solid #000;
	margin: 5px auto;
	
}		
	table.informacio th {
		background-color: #f60;
		color: #000;
		padding: 10px;
		font-weight:bold;
		text-align:center;
	}
		
	table.informacio td {
		padding: 5px;
		color:#555;
		border: 1px solid #000;
	}

	table.centrada td {
		text-align: center;
	}

	/* 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:100%;
				border: 1px solid #999;
				border-left-width: 3px;
			}
	
			.inscripcio input[type=text], .inscripcio input[type=password], .inscripcio textarea  {
				width: 400px;
			}

			.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 */			
			
			
			
			
			
			
			
			
			
		
/*   secció: galeries   */


	.galeria {
		width: 202px;
		float:left;
		display:block;
		margin-left: 25px;
		margin-bottom:30px;
		position:relative;

	}
		.galeria .data {
			text-align:center;
			color:#777;
			display:block;
			margin-bottom: 5px;
			font-size: 90%;
		}
	
		.galeria .titol {
			margin-top: 5px;
			display:block;
			text-align:center;
			font-size:14px;
			color:#000;
			text-decoration:none;
		}





	.encerclada {
		border: 1px solid #f60;
	}

	.galeria-dreta
	{
		float: right;
		width: 720px;
		border-left: 1px solid #2E315A;
		color:#9697C8;
	}
	.galeria-esquerra {
		float: left;
		width: 88px;
		text-align:center;
	}
			
		.galeria-capsa {
			display:block; 
			float: left;
			width: 100px;
			margin-left: 17px;
			margin-bottom: 20px;
		}
		
			.galeria-capsa-imatge {
				display:block;
				width:100px;
				height:100px;
				border:1px solid #fff;
				margin-bottom: 5px;
			}
			.galeria-capsa-titol {
				clear:both;
				font-size: 10px;
			}	
			
			.galeria-zona-imatge {
				display:block;
				width:100px;
				height:100px;
				margin-bottom: 5px;
				text-align:center;
			}
			
			.titol-galeria {
				font-size:12pt;
				color:#9697C8;
				margin: 0px 0px 15px 10px;
			}