html {
        background: url(../_images/DSC_11023.jpeg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

body {
	font-family:Trebuchet, arial, verdana, sans-serif;
	text-align:center;
	/*background:#ddd url(../_images/DSC_11023.jpeg);*/
	font-size: 12px;
}

.wrapper {
	width: 900px; 
	height: auto; 
	margin: auto;
	margin-top: 10px !important;
}

.menu {
	width: 900px;
	margin: 0px auto 10px auto;
}

.content {
	width: 900px;
	height: auto;
	background-color: white;
	margin: auto;
	-webkit-box-shadow:0 0 25px rgba(0,0,0,.3);
	-moz-box-shadow:0 0 25px rgba(0,0,0,.3);
	box-shadow:0 0 25px rgba(0,0,0,.3);
}

.left-column {
	float: left;
	width: 20%;
	padding: 5px;
}

	.left-column ul {
		text-align: left;
		list-style:none;
		color: black;
		margin: 5px;
	}

		.left-column ul li {
			text-align: center;
			background-color: #ddd;
			margin-top: 5px;
		}

		.left-column ul li:hover {
            color: #990000;
            background-color: #ccc;
		}

		.left-column ul a {
			text-decoration: none;
			color: inherit;
			cursor: inherit;
		}
		
div #llibres {
	float: left;
    padding-left: 40px;
	margin-bottom: 20px;
}

div #llibres a img{
        text-align: center;
	border: 5px solid #CCCCCC;
}

div #llibres a:hover img {
	border: 5px solid #990000;
}

.center-column {
	float: left;
	width: 55%;
	text-align: justify;
	padding: 10px 5px;
}

.column-left {
	float: left; 
	width: 670px; 
	text-align: justify;
	padding: 10px 15px;
}
	
	.center-column a {
		text-decoration: none;
		color: #990000;
	}
	
	.center-column p#title {
		font-size: 1.2em;
		font-weight: bold;
		border-bottom: 1px solid #666;
		margin-bottom: 10px;
	}
	
	.column-left p#title {
		font-size: 1.2em;
		font-weight: bold;
		border-bottom: 1px solid #666;
		margin-bottom: 10px;
	}

	.center-column p#subtitle {
		font-size: 1em;
		font-weight: bold;
		border-bottom: 1px solid #666;
		margin-bottom: 10px;
	}

	.center-column p {
		margin-bottom: 5px;
	}
	
	.column-left p {
		margin-bottom: 5px;
	}
	
	.center-column div#contacte {
		margin: 20px 50px 10px 50px;
	}
		.center-column p#subtitle {
			font-size: 1.1em;
			font-weight: bold;
			border-bottom: 1px dotted #666;
		}
	
	.center-column ul {
		padding: 20px;
		padding-top: 0px;
		
	}
	
	.center-column ul li {
		margin-left: 20px;
	}
	
	.center-column ul ul {
		padding: 10px 20px;
	}
	
	.center-column p#cita {
		margin: 10px 20px 30px 10px;
		border: 1px solid #ccc;
		padding: 10px;
		background-color: #ddd;
	}
	
	div#individual_news {
		border: 1px solid #ccc;
		padding: 5px;
		margin-top: 10px;
		background-color: #efefef;
	}
	
	div#individual_news:hover {
		background-color: #ccc;
		border: 1px solid black;
	}
	
		div#date {
			text-align: right;
			font-size: 0.9em;
			margin-bottom: 5px;
		}
		
		div#text {
			padding: 0 10px 0 10px;
		}

.right-column {
	float: right;
	width: 22%;
	text-align: right;
}

.footer {
	width: 900px;
	height: 120px;
	margin: auto;
	color: #999;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	background-color: white;
}