body {
 	font-size:62.5%; 
	background:rgb(221,225,225);
	font-family:arial,sans-serif;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/


.container {
	width:958px;
	padding-top:10px;
	padding-bottom:20px;
	margin:0 auto;
	font-size:1.0em;
}

.header {
	width:958px;
	height:auto;
	background:#484F9D;
}

.header-top {
	clear:both;
	width:958px;
	height:150px;
	background: #F0F0F0	url(../img/bannertitol.jpg);
}

.main {
	clear:both;
	width:958px;
	padding:10px 0 20px 0;
	font-size:1.0em;
}

.content {
	display:inline; 
	float:left;
	width:676px;
	font-size:1.0em;
	overflow:visible !important /*Non-IE6*/;
	overflow:hidden /*IE6*/;
}

.content-sencer {
	display:inline; 
	float:left;
	width:958px;
	font-size:1.0em;
	overflow:visible !important /*Non-IE6*/;
	overflow:hidden /*IE6*/;
}

.subcontent {
	display:inline /*Fix IE floating margin bug*/;
	float:right;
	width:270px;
	font-size:1.0em;
	overflow:visible !important /*Non-IE6*/;
	overflow:hidden /*IE6*/;
}

.footer {
	clear:both;
	width:958px;
	height:150px;
	padding:1em 0 1em 0;
	background:url(../img/bg_corner_footer_fons.jpg) no-repeat center;
	font-size:1.1em;
	overflow:visible !important /*Non-IE6*/;
	overflow:hidden /*IE6*/;
}

.footerdisseny {
	clear:both;
	width:958px;
	font-size:1.0em;
	overflow:visible !important /*Non-IE6*/;
	overflow:hidden /*IE6*/;
}

/*  CONTINGUT AMB BARRA LATERAL SIDEBAR */
.content-1col-nobox {
	width:676px;
	float:left;
	background:#FFFFFF url(../img/bg_corner_content_1col_top.jpg) no-repeat;
	overflow:hidden;
}

.subcontent-box {
	width:270px;
	float:right;
	background:#FFFFFF url(../img/bg_corner_subcontent_top.jpg) no-repeat;
	overflow:hidden;
}

/*  CONTINGUT SENCER SENSE LATERAL SIDEBAR */
.content-1col-sencer {
	width:958px;
	float:left;
	background:#FFFFFF url(../img/bg_corner_page_top.jpg) no-repeat;
	overflow:hidden;
}

/*  PEU INFERIOR  */
.footer p {
	clear:both;
	line-height:1.8em;
	text-align:center;
	color:rgb(0,126,129);
	font-size:115%;
}
.footer a, .footer a:visited {
	text-decoration:none;
	color:rgb(0,126,129);
	font-weight:bold;
}
.footer a:hover {
	text-decoration:none;
	color:rgb(72,79,157);
}
.footerdisseny p {
	clear:both;
	line-height:1.1em;
	text-align:center;
	color:rgb(125,125,125);
	font-size:110%;
}
.footerdisseny a, .footer a:visited {
	text-decoration:none;
	color:#333333;
}
.footerdisseny a:hover {
	text-decoration:none;
	color:#990000;
}

/*  ROUNDED CORNERS  */
.corner-page-top {
	width:958px;
	height:60px;
	background:url(../img/bg_corner_page_top.jpg) no-repeat;
	overflow:hidden;
	margin-top:20px;
}

.corner-page-bottom {
	clear:both;
	width:958px;
	height:46px;
	background:url(../img/bg_corner_page_bottom.jpg) no-repeat;
	overflow:hidden;
}

/* CONTENT */
.corner-content-1col-bottom {
	clear:both;
	width:676px;
	height:35px;
	background:url(../img/bg_corner_content_1col_bottom.jpg) no-repeat;
	overflow:hidden;
}
.corner-subcontent-bottom {
	clear:both;
	width:270px;
	height:31px;
	margin-bottom:10px;
	background: url(../img/bg_corner_subcontent_bottom.jpg) no-repeat; 
	overflow:hidden;
}

/* MENU DESPLEGABLE MOOTOOLS CSS */
div#menu_links	{
	width:958px;
	height:30px;
	padding-top: 12px;
	background-color:#007E81;
	border-bottom:#CCCCCC solid 1px;
	text-align:right;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	text-align:center;
}
div#menu_links a	{
	color:#CCCCCC;
	font-size:11px;
	text-decoration:none;
}
div#menu_links a:hover {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
div#link_contanier	{
	margin: 0px; 
	overflow-x:	hidden;
	overflow-y: hidden;
	height: 35px;
	width:958px;
}
div#menu_barra	{
	background:#484F9D;
	height:15px;
	padding:10px 0 10px 15px;
	font-size:12px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	border-top: solid #FFFFFF 2px;
	border-bottom: solid #FFFFFF 2px;
}
div#menu_desplegable	{
	cursor:pointer;
	display:inline;
	position:relative;
	margin-top:-15px;   /*Per tots navegadors menys IE7 */
	/*margin-top:-15px; /*Per internet Explorer 7*/
	float:right;
	padding-right:15px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
}
/* hacck per Chrome i Safari (Serveis i Productes btn)  */
body:nth-of-type(1) div#menu_desplegable {
       margin-top:0px;
}

div#menu_barra	a, div#menu_desplegable a	{
	color:#CCCCCC;
	font-size:12px;
	text-decoration:none;
}
div#menu_barra	a:hover, div#menu_desplegable a:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

/*  CLEAR FLOATS AMB BARRA LATERAL SIDEBARS  */
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .content-sencer:after, .content-sencer div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-1col-sencer:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}
 

/* MAPA GOOGLE MAPS PRESENTACIO css  */
div#side_bar	{
	height:490px;
	padding-top:5px;
	color:#333;
	text-align:left;
	overflow:auto;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
}

div#side_bar p	{
	font-size:12px;
}

div#side_bar a	{
	color:#333;
	text-decoration:none;
	font-weight:bold;
}

div#side_bar a:hover	{
	color:rgb(0,126,129);
	text-decoration:none;
	font-weight:bold;
}

/*finestra amb info del mapa  */
.infodescription {
    height:150px;
	max-height: 150px;
    min-height: 150px;
    width: 205px;
	max-width: 205px;
	min-width: 205px;
    text-align: left;
   	overflow-y: auto;
}

.infodescription h5	{
	margin-top:10px;
	padding-top:5px;
	margin-left:15px;
	padding-left:5px;
	margin-right:5px;
	padding-right:5px;
	font-size:12px;
	color:#333;
	text-align:left;
	line-height:1.5;
	border-top:#CCC solid 1px;
}