@charset "UTF-8";
body {
background-color:#FFF;
margin:0;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.75em;
text-align:justify;
}

img {border:none;}

h1 {
	color:#0066FF;
	font-size:2em; font-family: Arial, Helvetica sans-serif;
	font-weight:bold;
	margin:0; padding:0;
}

h2 {
	color:#0066FF;
	font-size:1.6em; font-family: Arial, Helvetica sans-serif;
	font-weight:bold;
	margin:5px 0 15px 0; padding:0;
}

h3 {
	color:#0066FF;
	font-size:1.25em; font-family: Arial, Helvetica sans-serif; text-align:left;
	font-weight:bold;
	margin:10px 0 5px 0; padding:0;
}

h4 {
	color:#0066FF;
	font-size:1.2em; font-family: Arial, Helvetica sans-serif;
	font-weight:bold;
	margin:10px 0 5px 0; padding:0 0 0 2px;
}

a {text-decoration:none; color:#0066FF;}
a:hover {text-decoration:none; color:#FFCC66;}

h3 a {text-decoration:none; color:#0066FF;}

ul {text-decoration:none; list-style:none; padding:0; margin:0;}
ul li {text-decoration:none; list-style:none; padding:0; margin:0; line-height:1.5em; text-align:left;}
ul li.antics {text-decoration:none; list-style:none; line-height:1.5em; text-align:left; padding:0 margin-top:0.75em; margin-bottom:1em;}



#wrapperIni {
	width:640px;
	height:auto;
	margin:40px auto 0 auto;
	text-align:center;
	font-size:10px;
}

#wrapperIni h1, #wrapperIni h2, #wrapperIni h3, #wrapperIni h4 {display:none;}
#wrapperIni ul {display:none;}

#wrapper {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	position:relative;
	background-color:#fff;
	min-height:100%;
	max-height:100%;
	border-bottom:0;
}

#wrapper #top {
	width:780px;
	position:relative;
	height:auto;
	padding-left:20px;
}


#wrapper #top .top_ind {position:relative; clear:both; width:780px; height:120px; float:left;}



.top_menu {
	width:auto;
	max-width:130px;
	height:120px;
	float:left;
	position: relative;
	margin-right:15px;
}

.top_menu_new {
	width:150px;
	height:120px;
	float:left;
	position: relative;
	margin-right:15px;
	font-style:italic;
}

.top_menu_new h3 a {color:#0000CC;}
.top_menu_new h3 a:hover {color:#0000CC; color:#FFCC66;}


#wrapper #top2 {
	width:780px;
	position:relative;
	height:auto;
	margin-bottom:20px;
}
#SubmenuNav {
	width:760px;
	height:auto;
	background-color:#EEF;
	position:relative;
	float:left; clear:both;
	padding:5px 0 20px 40px;
}

#SubmenuNav ul {font-size:.9em; list-style:none; margin:-7px 0 0 0; padding:0;}
#SubmenuNav ul li {list-style:none; width:151px; word-spacing:.1em; display:block; float:left;}




#wrapper .cos  {
	width:800px;
	height:auto;
	float:left;
	position:relative;
	clear:right;
	margin-bottom:20px;
	margin-top:10px;
}

#wrapper .cos .left {
	width:760px;
	padding-right:20px;
	padding-left:20px;
	height:auto;
/*	overflow:auto;*/
	float:left;
	position:relative;
}

/*#wrapper .cos .right {
	width:250px;
	height:auto;
	float:left;
	clear:right;
	position:relative;
}*/

.right h2 {display:none;}

.subcontent_right {
	width:230px;
	padding:10px;
	height:auto;
	background-color:#EEF;
	float:left;
	clear:both;
	position:relative;
	margin-top:10px;
}




#wrapper #peu1 {
	width:800px;
	display:block;
	text-align:center;
	position:relative;
	height:auto;
	background-color:#EEF;
	font-size:.8em;
	float:left;
	clear:both;
}

#wrapper #peu1 a {color:#0066FF;}
#wrapper #peu1 a:hover { color:#FFCC00;}

#wrapper #peu1 ul li, #wrapper #peu1 a { display:inline; padding:0 2em;}


#wrapper #peu1 .peu_esquerre {float:left; width:auto;}
#wrapper #peu1 .peu_dret {float:right; width:auto;}



#wrapper #peu2 {
	width:800px;
	display:block;
	text-align:center;
	position:relative;
	height:auto;
	padding:15px 0 0 0;
	border-top:1px dotted #DDD;
	float:left;
	clear:both;
}

#wrapper #peu2 img {margin:0 10px;}


#wrapper .cos .left .contingut {
	width:760px;
	position:relative;
	float:left;
	clear:both;
	margin-bottom:20px;
}

#wrapper .cos .left .contingut .contingut_foto {
	width:120px;
	height:150px;
	float:left;
	position:relative;
	margin-top:10px;
	text-align:right;
}
#wrapper .cos .left .contingut .contingut_text {
	width:615px;
	float:left;
	position:relative;
	margin-left:25px;
}
#wrapper .cos .left .contingut .contingut_retorn {
	width:755px;
/*	float:left;*/
	position:relative;
	clear:both;
	text-align:right;
	font-size:.8em;
	padding-right:5px;
	margin-bottom:10px;
}


.data_dia {font-size:3em; font-weight:bold; text-align:right; color:#0066FF;}
.data_mes {font-size:1em; font-weight:bold; text-align:right; color:#0066FF;}
.prog_hora {font-size:1.2em; font-weight:bold; color:#0066FF;}
.prog_acte {font-size:1em; font-weight:bold; line-height:1.5em;}
.prog_comentari {font-size:.9em; font-style:italic; line-height:1.5em; text-align:justify;}



#wrapper .cos .left .mapaweb {
	width:auto;
	float:left;
	clear:none;
	position:relative;
	margin-right:30px;
}

#wrapper .cos .left .mapaweb ul {
	margin:inherit; padding-left:15px;
}

#wrapper .cos .left .mapaweb ul li {
	list-style-type:square;
}