/* La Barberia de Gracia */

/* CSS Principal */



body {
	margin: 0;
	padding: 0;
	background-color: #fff;

  font-family: "Trebuchet MS", sans-serif;
  font-size: 62.5%;
}

div { margin: 0; padding: 0; }

ul, ol, li { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; color: #913149; }

p { margin-top: 0; }

a { color: #913149; }

a img { border: 0; }

.hidden { height: 0; width: 0; overflow: hidden; position: absolute; }



/* Layout */

	#super {
		margin: 0 auto;
		width: 747px;
	}

	#page {
		background: url("../images/bg_shadow.gif") repeat-y top left;
		width: 747px;
		padding: 0 4px;
	}
	
	#header {
		background: url("../images/bg_header.jpg") no-repeat left top;
		height: 137px;
	}

		#header h1 img {
			margin-top: 36px;
			margin-left: 20px;
		}


	#content {
		padding: 4em 30px 4em 50px;
		clear: both;

		width: 667px;
		overflow: hidden;
		border-bottom: 5px solid #913149;
	}

	
/* ------ */




/* Barra d'idiomes */

	#header #languages {
		margin-top: .5em;
		float: right;
	}

		#header #languages li {
			display: block;
			float: left;
			border-right: 1px solid #fff;
			color: #fff;
			font-size: 1.1em;
			line-height: 1.4em !important;
			margin-right: .5em;
			padding-right: .5em;
		}

			#header #languages li.last {
				border-right: 0;
			}

			#header #languages li a {
				text-decoration: none;
				color: #fff;
			}

				#header #languages li a:hover {
					text-decoration: underline;
				}

/* --------------- */




/* Menu principal */

	#main_menu {
		height: 2.2em;
		border-top: 1px solid #fff;
		background: url("../images/bg_main_menu.gif") repeat-x left top;
		background-color: #6D2437;
	}

		#main_menu li {
			float: left;
			display: block;
			font-size: 1.4em;
			line-height: 1.2em;
			border-right: 1px solid #fff;
			padding: 0 1em;
			margin: .2em 0;
		}

			#main_menu li.last {
				padding-right: 0;
				border-right: 0;
			}

		#main_menu li a {
			color: #fff;
			text-decoration: none;
		}

			#main_menu li a:hover {
				text-decoration: underline !important;
			}

		#main_menu li strong {
			color: #fff;
		}

/* -------------- */





/* Elements de contingut */

	#text {
		float: left;
		width: 430px;
	}

		#text h2 {
			margin-bottom: .5em;
			font-size: 3em;
			font-weight: normal;
		}

		#text h3 {
			margin-bottom: .3em;
			font-size: 1.8em;
			font-weight: normal;
		}

		#text h4 {
			margin-bottom: .3em;
			font-size: 1.4em;
		}

		#text p {
			color: #666;
			font-size: 1.3em;
		}

		#text .highlight, #lateral .highlight {
			color: #913149;
		}

		#text ul, #text ol {
			margin-bottom: 1.5em;
		}

			#text ul li, #text ol li {
				margin-left: 2.5em;
				color: #666;
				font-size: 1.1em;
			}

			#text ul li { list-style: disc; }

			#text ol li { list-style: decimal; }


		#text img {
			margin-bottom: 1em;
		}

		#text img.imgLeft {
			float: left;
			margin: 0 1em .5em 0;
		}

		#text img.imgRight {
			float: right;
			margin: 0 0 .5em 1em;
		}

		#text ul.galeria {
		}

			#text ul.galeria li {
				list-style: none;
				margin: 0;
				padding: 1em 1.25em;
				float: left;
			}

				#text ul.galeria li img {
					margin: 0;
				}

		#text table {
			font-size: 1.2em;
			color: #666;
			margin-bottom: 1.5em;
		}


/* --------------------- */





/* Elements de la zona lateral */

	#lateral {
		float: right;
		width: 142px;
		margin-top: 5em;
	}


		/* Blocs laterals */

			.lateral_block {
				padding: .5em 0;
				border-bottom: 1px dotted #999;
			}

				.lateral_block h3 {
					font-size: 1.2em;
					line-height: 1.4em;
				}

				.lateral_block p {
					color: #666;
					font-size: 1.2em;
					line-height: 1.3em;
					margin-bottom: .5em;
				}

			.lateral_block .barberies {
				font-size:1.4em;
				padding: 0px;
				color: #666;
			}

				/* Modul de l'adreca */

					.adreca address {
						color: #666;
						font-size: 1.2em;
						line-height: 1.3em;
						font-style: normal;
					}

					.adreca .planol {
						margin: .8em 0 .5em 0;
					}

					.adreca .parking {
						padding-left: 1.2em;
						background: url("../images/icona_parking.gif") no-repeat left center;
					}



				/* Modul d'enllacos */

					.enllacos {
						margin-top: 2em;
					}

						.enllacos h3 {
							font-weight: normal;
							font-size: 1.1em;
							color: #666;
						}

							.enllacos ul li {
								text-align: center;
								margin: .8em 0;
							}

				/* Darrer modul */

					.last {
						border-bottom: none;
					}

		/* -------------- */


/* --------------------------- */


/* Galeria d'imatges */

.img_outer {
	float: left;
	background: url( ../images/shadow.gif ) no-repeat bottom right;
	background-color: #ccc;
	margin: 3px;
}
.img_inner {
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #a9a9a9;
	padding: 4px;
	position: relative;
	left: -3px;
	top: -3px;
}



/* Elements del footer */

#footer {
	padding: .5em 10px;
	font-size: 1.1em;
	color: #666;
}

#footer .left {
	float: right;
}

#footer address {
	font-style:normal;
}