html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica, Arial;
	font-size: 11px;
	background-image: url(/imatges/bg.gif);
}
img {
	border: 0;
}
a {
	text-decoration: none;
}
p {
	margin: 0 0 10px 0;
	padding 0;
}
h3 {
	margin: 30px 0 0 0;
}
h1 {
	margin: 25px 0 10px 0; padding: 0;
}
a:hover {
	text-decoration: underline;
}
#container {
	width: 780px;
	margin: 0px auto 0px;
	background: white;
	overflow: hidden
}
#esq, #dre, #mig {
	float: left;
	width: 200px;
	background: white;
	padding-bottom: 32768px;
    margin-bottom: -32768px;
}

/***************** ESQUERRA *****************/
#esq {
	color: #c4b27a;
}
#esq-container {
	padding: 40px 20px 20px 20px;
}
#esq a {
	color: #c4b27a;
}
#esq .actual {
	color: #796e4d;
}
#esq ul#menu {
	margin: 100px 0 160px 0;
	list-style: none;
	padding: 0;
}
#esq ul#menu li {
	margin-bottom: 15px;
}
#esq ul#idioma {
	list-style: none;
	padding: 0;
	margin: 0 0 60px 0;
}
#esq ul#idioma li {
	margin-bottom: 2px;
}
#esq hr {
	height: 2px;
	width: 100%;
	background: url(/imatges/bg-hr.gif) repeat-x;
	border: 0;
}



/***************** MIG *****************/
#mig {
	width: 380px;
	background: #e5e1ca;
	color: #796e4d;
	text-align: justify;
}
#mig a {
	color: #796e4d;
}
#mig-container {
	padding: 0 25px 25px 25px;
}
#mig .servei-esq, #mig .servei-dre {
	float: left;
	margin: 10px 0 10px 0;
	width: 155px;
	height: 34px;
	background-color: #ece9d8;
}
#mig .servei-esq {
	margin-right: 20px;
}
#mig .servei-esq img, #mig .servei-dre img{
	float: left;
	margin: 0 10px 0 10px;
}
#mig .servei-esq p, #mig .servei-dre p{
	float: left;
	margin: 10px 0 7px 0;
	padding: 0;
}
#mig ul {
	list-style: url(/imatges/list-style-mig.gif);
	margin: 0;
	padding: 0 0 0 15px;
}
#mig ul li{
	margin-bottom: 4px;
}
#mig #reserves {
	background-color: #ece9d8;
	width: 230px;
	margin: 0 auto 20px auto;
	padding: 20px;
	height: 50px;
}
#mig #reserves img {
	float: left;
	margin: 0 10px 0 0;
}
#mig #telf-num {
	font-size: 20px;
	font-weight: bold;
}


/***************** DRETA *****************/
#dre {
	width: 198px;
	background: url(/imatges/bg-dre.gif) repeat-y;
	margin-left: 2px;
	color: white;
}
#dre-container {
	padding: 20px 20px 20px 20px;
}
#dre ul#agenda, ul#enllacos {
	list-style: url(/imatges/list-style-dre.gif);
	margin: 3px 0 0 0;
	padding: 0 0 0 15px;
}
#dre ul#agenda li {
	margin-bottom: 7px;
}
#dre ul#agenda span {
	color: #cddfec;
}
ul#enllacos li {
	margin-bottom: 3px;
}
#dre a {
	color: white;
}
#dre img#avui {
	float: left;
	margin-right: 10px;
}
#dre #temps-dema {
	float: left;
	margin-right: 5px;
}
#dre span#temp-avui {
	font-size: 23px;
}
#dre .temps-nom {
	font-size: 12px;
}