/* -------- 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;
	padding: 5px 0;
	float: left;
	width: 730px;
	height: 100px;
	background-color: #ededed;
}
div#cap_publicitat_dreta {
	margin: 5px 0 0 0;
	padding: 5px 0;
	float: right;
	width: 225px;
	height: 100px;
	overflow: hidden;
	background-color: #ededed;
}

div#cap_superior_esq {
	float:left;
	margin-top:13px;
	width:380px;
	margin-right:-28px;
}

div#cap_logo {
	margin:20px 0 0;
}

div#cap_logo_sub {
	background: url(/img/contingut/logo_sub.png) center left no-repeat;
	height: 16px;
	padding-left: 200px;
}

div#cap_logo_sub ul li {
	list-style-image: none;
	display: inline;
	margin-right: 6px;
}

div#cap_logo_sub a:hover {
	opacity: 0.5;
}

div#cap_superior_dreta {
	float: right;
	width:596px;
	max-height:101px;
	min-height:101px;
	margin-bottom:-5px;
}

div#cap_frase {
	margin: 20px 5px 0 0;
	text-align: right;
	color: #193F6F;
	font-size: 11px;
	height: 20px;
	width: 500px;
}
div#cap_data {
	color:#881130;
	font-size:11px;
	font-weight:bolder;
	margin:10px 5px 0 44px;
	text-align:right;
	width:552px;
}
div#cap_data img { margin-left: 10px; }


div#cap_destacat {
	background:none repeat scroll 0 0 #F6E9ED;
	float:right;
	margin-bottom:-5px;
	margin-top:10px;
	padding:10px 10px 9px;
	width:250px;
	min-height:51px;
	max-height:51px;
	margin-left: 8px;
}

div#cap_destacat .esquerra {
	float: left;
	width: 70px;
	height: 56px;
	overflow: hidden;
}

div#cap_destacat .dreta {
	float: right;
	text-align: left;
	width: 180px;
}

div.oratge {
	float: right;
}

div.avui {
	width: 120px;
	float: left;
	margin-top: 10px;
	text-align: center;
}

/* ------- Portada especial ------- */

div#portada_especial {
	background: #E9BABB;
	padding: 10px 15px;
}

div#portada_especial .esquerra {
	width: 50%;
	border-right: 1px solid #E5E5E5;
	float: left;
}

div#portada_especial .dreta {
	width: 48%;
	float: right;
	text-align: left;
}




/* -------- Menu -------- */
div#menu {
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	color: #881130;
	margin-top: 11px;
	background: url("/img/fons/fons4.png") repeat scroll 0 0 transparent;
}

div#menu ul { margin: 0px; padding: 0px; }
div#menu ul li {
	list-style-image: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
div#menu ul li a {
	display: block;
	padding:5px 13px 5px 10px;
	float: left;
	color: #762B52;
	text-decoration: none;
}
div#menu ul li a:hover { color: #fff; background-color: #A72249; }

div#menu ul li.actiu a { color: #fff; background: #A72249;}
div#menu_dreta {
background-color:#FFFFFF;
float:right;
height:20px;
margin:5px 10px 0 0;
padding:0 0 0 5px;
width:220px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
div#menu_dreta img { float: left;  display:inline; margin: 6px 0 0 20px; }


/* -------- Submenú -------- */
#submenu {
	clear: both;
	background: url(/img/fons/fons_menu.png) repeat-x;
	display: block;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	text-align: right;
	color: #881130;
	height: 29px;
}
#submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#submenu ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#submenu ul li a {
	padding:6px 10px 12px;
	float: left;
	color: #fff;
}
#submenu ul li a:hover { color: #fff;}
div#submenu ul li.actiu a { color: #fff; font-weight: bolder; }


.feed_menu {
	background:transparent url(../img/icones/feed_menu_orange.png) no-repeat scroll 0 center;
	display:inline-block;
	overflow:hidden;
	padding:2px 0;
	vertical-align:middle;
	width:38px;
}
.feed_menu.open { background-position: -38px center !important; }
.feed_menu select {
	opacity:0;
	margin:0 0 0 -250px;
	padding:0;
	border:0;	
}



/* -------- 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_dos_blocs {
	display: block;
	clear: both;
}
div#contingut_dos_blocs div#b_esquerra {
	float: left;	
	width: 600px;
	padding: 2px 0;
	margin-top:7px;
}
div#contingut_dos_blocs div#b_dreta {
	float: right;
	width: 330px;
	padding: 2px 0;
}


/* -------- 2 blocs centrals galeria -------- */
div#contingut_dos_blocs_gal {
	display: block;
	clear: both;
}
div#contingut_dos_blocs_gal div#b_esquerra_gal {
	background:none repeat scroll 0 0 #E6F8FF;
	float:left;
	margin-right:17px;
	padding:10px;
	width:166px;
}
div#contingut_dos_blocs_gal div#b_dreta_gal {
	float: left;
	width: 755px;
	padding: 2px 0;
}

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

/* -------- Peu -------- */
div#peu { background-color: #A72249; padding: 20px 0 40px 0; color: #787878; font-size: 12px; margin-top:16px;}
div#peu a { color: #fff; }
div#peu div#peu1 { float: left; width: 160px; margin: 0 20px; }
div#peu div#peu2 { float: left; width: 120px; margin-right: 20px; }
div#peu div#peu3 { float: left; width: 140px; margin-right: 20px; }
div#peu div#peu4 { float: left; width: 120px; margin-right: 40px; }
div#peu div#peu5 { float: left; width: 140px; margin-right: 40px; }
div#peu div#peu6 { float: left; width: 100px; margin-right: 40px;}
div#peu div#peu7 { float: left; width: 250px; }

div#peu ul { list-style: none; padding: 0; margin: 0; }
div#peu ul li.seccio {  margin: 0 0 0 15px; padding: 0 0 4px 0; list-style-image:url('../img/icones/punter.png'); }
div#peu ul li.titol { color: #000; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 0 0 10px 0; margin: 0; margin-left: 13px;  }
div#peu ul li.icona { margin: 0; padding: 0 0 8px 0; margin: 0; }
div#peu ul li.icona a:hover { opacity: 0.6; }
div#peu ul li.titol1 { color: #000; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 0 0 10px 0; margin: 0;  }


div#titulars { 
	background-color: #F2F2F2;
	padding: 1px 0px 1px 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}
div#titulars_e {
	float: left;
	width: 80px;
	color: #000;
	font-weight: bolder;
	padding: 4px 0px 0px 0px;
}
div#titulars_d {
	background-color: #F2F2F2;
	float: right;	
	width: 840px;
	padding: 4px 10px;
	margin-right: 1px;
}
div#titulars_d ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}




/* --- Publicitat --- */

div#publicitat_impresa {
	background: #E5E5E5;
	border-left: 4px solid #A72249;
}

div#publicitat_impresa h5 {
	background: #fff;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px !important;
	padding: 5px 10px;
}

div.publi_esq {
	float: left;
	width: 200px;
	border-right: 2px solid #A72249;
}

div.publi_esq ul {
}

div.publi_esq ul li {
	padding-bottom: 2px;
	border-bottom: 2px solid #fff;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
}

div.publi_esq li a:hover {
	opacity: 0.1;
}

div.publi_dreta {
	float: left;
	width: 394px;
	color: #3C3C3C;
}

div.publi_dreta .text_publi {
	margin: 10px 15px;
	padding: 10px;
	font-size: 12px;
	background-color: #fff;
}

div.dades {
	padding: 10px 15px;
}

div.publi_dreta table {
	padding-bottom: 2px;
	padding-left: 10px;
}

div.publi_dreta table tr {
	width: 100px;
	height: 60px;
}

div.publi_dreta table td {
	width: 90px;
	margin-bottom: 10px;
	border-bottom: 2px solid #fff;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}

div.publi_dreta table td + td {
	width: 200px;
	font-weight: normal;
	color: #A72249;
}

div.publi_dreta table td + td + td {
	width: 90px;
	font-weight: bold;
	color: #3C3C3C;
}

div.publi_dreta table td + td + td + td {
	width: 200px;
	font-weight: normal;
	color: #A72249;
}

div.al_centre {
	margin:0 auto;
	text-align: center;
}