/* -------- Continent -------- */
div#continent { 
	background-color: #FFF;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	width: 960px;
}

/* -------- Capçalera -------- */
div#cap_publicitat_esquerra {
	margin: 5px 0 0 0;
	float: left;
	width: 730px;
	height: 90px;
}
div#cap_publicitat_dreta {
	margin: 5px 0 0 0;
	float: right;
	width: 200px;
	height: 90px;
}

div#cap_logo {
	margin: 20px 0 20px 0;
	float: left;
	width: 260px;
}
div#cap_temps {
	float: right;
	margin-top: 10px;
	text-align: right;
	color: #1092B7;
}
div#cap_temps div {
	float: right;
	width: 70px;
	text-align: center;
}
div#cap_temps div span.temperatura {
	font-size: 13px;
}
div#cap_temps div span.ciutat {
	font-size: 11px;
}

/* -------- Menu -------- */
div#menu {
	clear: both;
	height: 37px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bolder;
	font-family: Arial, Verdana, sans-serif;
	background: #563C05 url('/img/fons/blanc.gif') repeat-x center bottom;
}

div#menu ul#idioma { float: left; list-style: none; margin: 10px 0 0 30px; padding: 0; }
div#menu ul#idioma li { margin: 0; padding: 0; }

div#menu ul#menu { list-style: none; margin: 0px; padding: 0px; }
div#menu ul#menu li { float: left; margin: 0px; padding: 0px; height: 32px; }
div#menu ul#menu li a {
	display: block;
	padding: 10px 10px 6px 10px;
	height: 21px;
	float: left;
	color: #FFF;
	text-decoration: none;
}
div#menu ul#menu li a:hover, div#menu ul li.actiu a { background: transparent url('/img/fons/punter.png') no-repeat center bottom; color: #999; }
div#menu_dreta { margin-top: 5px; margin-right: 10px; float: right; }



/* -------- Submenú -------- */
#submenu {
	clear: both;
	background-color: #3895BC;
	height: 30px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: right;
}
#submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 650px;
	float: left;
}
#submenu ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#submenu ul li a {
	display: block;
	padding: 8px 10px 8px 10px;
	height: 10px;
	float: left;
	color: #FFF;
}
#submenu ul li a:hover, div#submenu ul li.actiu a { color: #5A4229; }
#submenu div { width: 300px; float: right; color: #FFF; margin: 8px 10px 0 0; text-align: right; }
#submenu div img { margin-left: 10px; }


div#breus { margin: 10px 0; width: 960px; background-color: #FFF3E8; }
div#breus_e { float: left; width: 66px; height: 25px; }
div#breus_d { margin: 0 10px 0 0; float: right; width: 850px; padding: 4px 10px; height: 17px; overflow:hidden; position:relative; }
div#breus_d ul { list-style-type: none; margin: 0; padding: 0; left: 100px; position:relative; }
div#breus_d ul li { float: left; }
div#breus_d ul li span.data { color: #EE7F00; }
div#breus_d ul li a { color: #000; }

div#ultimahora { margin: 10px 0; width: 960px; }
div#ultimahora_e { float: left; width: 66px; height: 45px; }
div#ultimahora_d { background-color: #E9D1C5; float: right; width: 873px; padding: 4px 10px; height: 37px; overflow:hidden; position:relative; }
div#ultimahora_d ul { list-style-type: none; margin: 0; padding: 0; }
div#ultimahora_d span.data, div#ultimahora_d span.data a { color: #8F3423; }
div#ultimahora_d span.contingut { font-size: 14px; }
div#ultimahora_d a { color: #000; }


/* -------- 1 Bloc central -------- */
div#contingut_un_bloc {
 	clear: both;
	min-height: 100%;
	width: 570px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}


/* -------- 3 Blocs centrals -------- */
div#contingut_tres_blocs {
	clear: both;
	margin: 0;
	padding-left: 15px;	
	padding-right: 15px;
	border-left: 195px solid #F2F2EE;
	border-right: 195px solid #F2F2EE;
	min-height: 100%;
}
div#contingut_tres_blocs div#b_esquerra {
	position: relative;
	width: 170px;
	float: left;
	margin-left: -200px;
	z-index: 2;
	left: -1px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div#contingut_tres_blocs div#b_centre {
	position: relative;
	width: 100%;
	float: left;	
	z-index: 1;
	margin: 0 -1px;/* moz fix*/
	padding-top: 20px;
	padding-bottom: 20px;
}
div#contingut_tres_blocs div#b_dreta {
	position: relative;
	width: 170px;
	float: right;
	margin-right: -200px;
	left: 1px;
	padding-top: 20px;
	padding-bottom: 20px;
}


/* -------- 2 blocs centrals -------- */
div#contingut_portada {
	display: block;
	clear: both;
}
div#contingut_portada div#b_esquerra {
	float: left;	
	width: 580px;
	padding: 20px 0;
}
div#contingut_portada div#b_dreta {
	float: right;
	width: 330px;
	padding: 20px 0;
}


div.publicitath {
	clear: both;
	display: block;
	margin: 15px 0 15px 0;
	padding: 10px 15px;
	background-color: #ededed;
}

div.publicitat {
	clear: both;
	display: block;
	margin: 15px 0 15px 0;
	padding: 10px;	
	height: 60px;
	background-color: #ededed;
}
div.publicitat div.esquerra {
	float: left;
}
div.publicitat div.dreta {
	float: right;
	text-align: right;
}



div#peu_publicitat_esquerra {
	margin: 5px 0 0 0;
	float: left;
	width: 730px;
	height: 90px;
}
div#peu_publicitat_dreta {
	margin: 5px 0 0 0;
	float: right;
	width: 200px;
	height: 90px;
}

/* -------- Peu -------- */
div#peu {
	background-color: #3895BC;
	width: 970px;
	clear: both;	
	padding: 15px;
	margin: 0 -20px;
	color: #000;
	font-size: 11px;
}
div#peu a {
	color: #0096E6;
}
div#peu div#peu_esquerra {
	float: left;
	width: 120px;
}
div#peu div#peu_esquerra img {
	margin: 0 15px 5px 0;
}
div#peu div#peu_centre {
	float: left;
	width: 600px;
	color: #FFF;
}
div#peu div#peu_centre a { color: #FFF !important }

div#peu div#peu_dreta {
	float: right;
	width: 150px;
	text-transform: lowercase;
	text-align: right;
	color: #FFF;
}