/*-----------------------------------------------------------------------------
Matadepera Punt jove Style Sheet
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear: both;
}

.hide {
	display: none;
}

/* Remove border around linked images */
img { border: 0; }

.asBlock {
	display: block;
}

body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif;
	background: #fff;
}

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignMidde { vertical-align: middle; }

.picturePlaceHolder {
	color: #aaa;
	background: #eee;
	border: 1px solid #ddd;
	margin: 10px 0;
	padding: 20px;
}

.warning {
	color: #ff0000;
	background: #FFFFCC;
	border: 1px dashed #ff0000;
	margin: 10px 0;
	padding: 20px;
}

.noMargin {
	margin: 0 !important;
}


/* =Layout
-----------------------------------------------------------------------------*/
#wrapper {
	width: 952px;
	min-height: 400px;
	margin: 0 auto;
}

#mainContent {
	width: 790px;
	min-height: 400px;
	float: left;
}

	#header {
		width: 790px;
		height: 268px;
		background: #D3C2B7 url(../images/header_01.gif) no-repeat left top;
	}
	
		#header .menu {
			width: 275px;
			margin: 15px 15px 0 0;
			float: right;
		}
	
	#destacado {
		width: 770px;
		min-height: 390px;
		background: #eee url(../images/bkg_seccionPrincInterior.gif) no-repeat left top;
		margin: 0 0 10px 0;
		padding: 20px 10px;
	}
	* html #destacado { height: 390px; }

		#destacado .columnaA {
			width: 290px;
			float: left;
		}

		#destacado .columnaB { }


	.seccionPrincipal {
		width: 790px;
		background: #eee;
		margin: 0 0 10px 0;
		padding: 20px 0 20px 0;
	}

		.seccionPrincipal .columnaA {
			width: 300px;
			float: left;
		}

		.seccionPrincipal .columnaB {
			width: 465px;
			float: right;
		}

	#seccionInterior {
		width: 770px;
		background: #eee url(../images/bkg_seccionPrincInterior.gif) no-repeat left top;
		margin: 0 0 10px 0;
		padding: 20px 10px;
	}

		#seccionInterior .columnaA {
			width: 290px;
			float: left;
		}

		#seccionInterior .columnaB {
			width: 460px;
			float: right;
		}

#secondaryContent {
	width: 142px;
	padding: 20px 0;
	background: #fff;
	float: right;
}

#footer {
	width: 904px;
	height: 31px;
	background: #eee url(../images/icn_logoFooter_01.gif) no-repeat left top;
	margin: 10px 0;
	padding: 0 10px 0 38px;
	clear: both;
}

	#footer .info {
		width: 500px;
		height: 31px;
		float: left;
	}
	
	#footer .legal {
		width: 300px;
		height: 31px;
		float: right;
	}

/* =Tipography
-----------------------------------------------------------------------------*/
p {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

	p.compacto {
		line-height: 1.2em;
	}
	
	p.fecha {
		color: #666;
		line-height: 1.2em;
		margin: 0 0 1em 0;
	}

	#footer p {
		line-height: 31px;
	}
	
	p.division {
		padding: 0 0 10px 0;
		border-bottom: 1px solid #ccc;
	}
	
	p.resumen {
		color: #666;
		font-size: 1.2em;
		font-style: italic;
		margin: 0 0 1em 0;
	}
	
	p.error { color: #CC0000; }

h1 {
	color: #F27F00;
	font-size: 1.5em;
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
}

h2 {
	color: #F27F00;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
}

h3 {
	color: #F27F00;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
}

.noticies h3 {
	width: 220px;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 1em 0;
	padding: 1px 2px;
	background: #eee;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

	.noticies h4 {
		background: url(../images/bul_general_01.gif) no-repeat left 50%;
		padding: 0 0 0 15px;
	}

h5 {
	color: #F27F00;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}


ul {
	font-size: 1.1em;
	margin: 0 0 1em 20px;
	list-style: none;
	list-style-position: inside;
	list-style-image: url(../images/bul_general_02.gif);
}


/* =Forms
-----------------------------------------------------------------------------*/
label { font-size: 1.1em; margin: 0 0 1em 0; }
	#frmSortejo label { display: block; margin: 0 0 .2em 0; }

#frmSortejo input.textField { width: 250px; }
#frmSortejo input.textFieldError { width: 250px; border: 1px solid #CC0000; }
#frmSortejo input.textFieldShort { width: 50px; }
#frmSortejo input.textFieldShortError { width: 50px; border: 1px solid #CC0000; }
.formRow { margin: 0 0 1em 0; }


/* =Tablas
-----------------------------------------------------------------------------*/
table {
	font-size: 1em;
}

th {
	font-weight: bold;
	background: #fff;
	padding: 3px 5px;
}

td {
	font-weight: normal;
	background: #F7F7F7;
	padding: 3px 5px;
}

/* =Classes
-----------------------------------------------------------------------------*/
.enquestes {
	background: #fff;
	padding: 10px;
}

.noticies {
	background: #fff;
	padding: 10px;
	border-bottom: 1px solid #eee;
}

.seccionLimpia {
	padding: 10px;
}


ul.limpia {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 2em;
	padding: 0;
}

ul.limpia li {
	margin: 0 0 0.5em 0;
}

.mainMenu {
	margin: 0 0 30px 0;
}

	.mainMenu ul {
		list-style: none;
		list-style-position: inside;
		list-style-image: none;
		margin: 0;
	}

.subMenu {
	margin: 0 0 30px 0;
}
	
	.subMenu ul {
		list-style: none;
		list-style-position: inside;
		list-style-image: none;
		margin: 0;
	}

.actiu {
	font-weight: bold;
}

/* =Links
-----------------------------------------------------------------------------*/
a {
	color: #000;
	text-decoration: underline;
}

a:link, a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover, a:active {
	color: #333333;
}

.mainMenu a:link, .mainMenu a:visited {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -1px;
}

	.mainMenu a:hover, .mainMenu a:active {
		color: #F4A140;
	}

.subMenu a:link, .subMenu a:visited {
	color: #F27F00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -1px;
}

	.subMenu a:hover, .subMenu a:active {
		color: #fff;
	}
	
.paginator a:link, .paginator a:visited {
	color: #000;
	background: #eee;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 3px 6px;
}

	.paginator a:hover, .paginator a:active {
		background: #fff;
	}
	
	.paginator a.active:link, .paginator a.active:visited {
		color: #fff;
		background: #F4A140;
		text-decoration: none;
		border: 1px solid #F4A140;
		padding: 3px 6px;
		cursor: default;
	}