/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 0.65em;
	line-height: 1.5em;
	color: #62605F;
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

img {border:none;}


/* ------------------->>> Main CSS <<<-------------------- */

#capcalera_content {
	width: auto;
	height: 66px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #BD660A;
}

.capcalera {
	width: 975px;
	height: 66px;
	margin: 0px;
	padding: 0px;
}

.logotip {
	float: left;
	width: 182px;
}

.logotip_img {
	border: none;
}

/* ------ languages ------ */

.idiomes {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: right;
}

.idiomes ul {
	margin: 0px;
	padding: 0px;
}

.idiomes li {
	color: #FFFFFF;
	list-style-type: none;
	float: left;
	margin: 39px 0px 0px 10px;
	padding: 0px 1px 0px 0px;
}

.idiomes_links {
	color: #FFFFFF;
	text-decoration: none;
}

.idiomes_links:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ------ top image ------ */

#imatge_top {
	width: 975px;
	height: 136px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background-image: url(img_top_1024.jpg);
	background-repeat: no-repeat;
}

/* ------ container ------  */

#container {
	width: 1024px;
	background: transparent url(img_left.gif) scroll repeat-y 0 0;
	float:left;
	overflow: hidden;
}

/* ------ menu ------ */

#left {
	float: left;
	width: 188px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #565454;
	line-height: 1.7em;
	overflow: hidden;
}

.menu {
	width: 188px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #DFE0D9;
	color: #565454;
}

.menu dl {
	margin: 0px 0px 8px 0px;
	padding: 0px;	
}

.menu dt {
	margin: 0px;
	padding: 8px 0px 0px 20px;
	background-color: #DFE0D9;
	color: #565454;
	font-weight: bold;
	border-top: 1px solid #FFFFFF; 
	list-style: none;
}

.menu dt a {
	color: #565454;
	font-weight: bold;
	text-decoration: none;	
}

.menu dt a:hover {
	color: #BD660A;
	font-weight: bold;
	text-decoration: none;		
}

.menu dd {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-color: #DFE0D9;
	color: #565454;		
}

.menu dd a {
	color: #565454;
	text-decoration: none;	
}

.menu dd a:hover {
	color: #BD660A;		
	text-decoration: none;		
}

.activo {
	width: 188px;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	background-color: #F1F1EE;
}

.activo dl {
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}

.activo dt {
	margin: 0px;
	padding: 8px 0px 0px 20px;
	color: #BD660A;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
}

.activo dt a {
	color: #BD660A;
	font-weight: bold;
	text-decoration: none;	
}

.activo dt a:hover {
	color: #BD660A;
	font-weight: bold;
	text-decoration: none;		
}

.activo dd {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	color: #BD660A;	
	font-weight: bold;
}

.activo dd a {
	font-weight: normal;
	color: #565454;
	text-decoration: none;	
}

.activo dd a:hover {
	font-weight: normal;
	color: #BD660A;		
	text-decoration: none;		
}

.activo_img {
	padding: 0px 5px 0px 0px;	
}

/* ------ contents ------ */

#contents {
	width: 765px;
	margin: 0px 0px 0px 205px;
	padding: 20px 0px 0px 0px;
	overflow: hidden;
}

/* ------ ruta ------ */

#ruta_contents {
	width: 765px;
	margin: 0px 0px 0px 210px;
	padding: 0px;
	border: 0px;
}

.ruta {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	color: #A7A7A7;
	border-bottom: 1px solid #D5D7CC;
	border-top: 1px solid #D5D7CC;
}

.ruta a {
	color: #A7A7A7;
	text-decoration: none;
}

.ruta a:hover {
	color: #62605F;
	text-decoration: none;
}

.cercador {
	color: #A7A7A7;
	margin-top: 4px;
	position: absolute;
	top: 238px;
	left: 816px;
	width: 100px !important;
}

.cercador_img {
	position: absolute;
	top: 238px;
	left: 955px;
	border: none;
}

/* ------ title ------ */

#title {
	width: 580px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.subtitle {
	margin: 25px 0px 0px 0px;
	padding: 0px;
}

/* ------ text ------ */

#txt {
	width: 570px;
	color: #62605F;
	margin: 0px 0px 50px 0px;
	float: left;
}

#txt a {
	color: #BD660A;
	text-decoration: none;
}

#txt a:hover {
	color: #BD660A;
	text-decoration: underline;
}

#txt_home {
	width: 580px;
	color: #62605F;
	margin: 0px 0px 50px 0px;
	float: left;
}

#txt_agenda {
	width: 220px;
	margin: 0px 0px 100px 0px;
	padding: 0px;
	float: left;
	display: block;
	border: solid 1px #DFE0D9;
}

#txt_news {
	width: 336px;
	margin: 0px 0px 100px 0px;
	padding: 0px;
	float: right;
	display: block;
}

/* Regla para IE */
* html .news_home {
	margin: 0px 0px 10px 14px;
	padding: 0px;
	display: block;
	height: 40px;
}

.news_home {
	margin: 0px 0px 10px 14px;
	padding: 0px;
	display: block;
	min-height: 40px;
}

.news_home_image {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 7px 0px 0px;
	height: 40px;
}

.news_info {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 65px;
	width: 250px;
}

.news_info a {
	text-decoration: none;
	color: #62605F;
}

.news_info a:hover {
	text-decoration: underline;
	color: #62605F;
}

.agenda_home {
	margin: 0px 14px 10px 13px;
	padding: 0px;
	display: block;
	width: 193px;
	
}

.agenda_info {
	display: block;
	margin: 3px 0px 0px 2px;
	padding: 0px;
}

.agenda_info a {
	text-decoration: none;
	color: #62605F;
}

.agenda_info a:hover {
	text-decoration: underline;
	color: #62605F;
}


.agenda_home_date {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 2px;
	font-weight: bold;
	background-color: #DFE0D9;
}

.agenda_home_title {
	display: block;
	margin: 0px 14px 5px 13px;
	padding: 3px 0px 3px 2px;
	color:#BE670A;
	width: 193px;
	font-weight: bold;
}

#places {
	width: 560px;
	float: left;
	clear: both;
	margin: 20px 0px 20px 0px;
	padding: 0px;
}

.places_img {
	width: 119px;
	border: none;
	float: left;
	border: solid 1px #D5D7CC;
	color: #989796;
	margin: 0px 18px 8px 0px;
	padding: 0px;
}

.places_border {
	border-bottom: solid 1px #D5D7CC;
	border-left: none;
	border-right: none;
	border-top: none;
	margin: 0px;
	padding: 0px;
	width: 119px;

}

.verdaguer_img {
	border: none;
	width: 260px;
	margin: 20px 40px 20px 0px;
}

.verdaguer_img_2 {
	border: none;
	width: 260px;
	margin: 20px 0px 20px 0px;
}

.cita {
	margin: 20px 0px 40px 0px;
	padding: 0px;
	border: solid 1px #D5D7CC;
}

.cita_txt {
	margin: 0px;
	padding: 15px 20px 10px 25px;
	color: #62605F;
}

#txt_map {
	width: 350px;
	color: #62605F;
	margin: 0px 0px 50px 0px;
	float: left;
	
}

#txt_map_right {
	width: 200px;
	color: #62605F;
	margin: 0px 200px 50px 0px;
	float: right;
}

.links_map {
	color: #62605F;
	text-decoration: none;
}

.links_map:hover {
	color: #BD660A;
	text-decoration: underline;
}

.links_map_bold {
	font-weight: bold;
	color: #BD660A;
	text-decoration: none;
}

.links_map_bold:hover {
	color: #BD660A;
	font-weight: bold;
	text-decoration: underline;
}

/* ------ directes no visibles ------ 

#right {
	display: none;
	visibility: hidden;
}*/

div#right_side {float:right; width: 159px; margin-left: 15px;}

/* ------ socials ------ */

div#right_side div#socials{
	width: 147px; /*157*/
	border: 1px solid #d5d7cc;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 5px;
}

div#socials div.connect {display: block; overflow: hidden; padding-bottom: 3px; font-size: 0.9em; color: #b6b5b4;}
div#socials div.connect a {color: #b6b5b4; text-decoration: none;}
div#socials div.connect a:hover {color: #b6b5b4; text-decoration: underline;}
div#socials div.icon {display: inline; overflow: hidden; padding-left: 3px;}
div#socials div.icon img {border:none;}


/* ------ directes ------ */

div#right_side div#headlines {
	width: 157px;
	padding: 0px 0px 10px 0px;
	float: right;
	border: 1px solid #d5d7cc;
	background-color: #f2f3f0;
	overflow: hidden;
	/*border: 1px solid #D5D7CC;*/
}

.headlines_image {
	width: 143px;
	margin: 7px 7px 0px 7px;
	padding: 0px;
	border: 0px;
}

.headlines_txt_bold {
	width: 143px;
	margin: 5px 0px 5px 0px;
	padding: 0px 7px 7px 7px;
	color: #62605F;
	font-weight: bold;
	border-bottom: 1px solid #D5D7CC;
}

.headlines_txt {
	width: 143px;
	margin: 10px 0px 3px 0px;
	padding: 0px 7px 0px 7px;
	color: #62605F;
	font-weight: normal;
}

/* ------ points ------ */


#points {
	margin: 0px;
	padding: 0px;
}

#points ul {
	width: 500px;
	color: #62605F;
	margin: 15px 0px 20px 0px;
	padding: 0px;
	border-bottom: 1px solid #D5D7CC;
}

#points li {
	width: 500px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #D5D7CC;
	list-style-type: none;
}

#points div.img_soc {
	margin-right: 10px;
	display: inline;
}

#points a {
	color: #62605F;
	text-decoration: none;
}

#points a:hover {
	color: #BE670A;
	text-decoration: none;
}

.points_date {
	font-weight: bold;
	color: #BD660A;
}

/* ------ points news ------ */


#news{
	margin: 0px;
	padding: 0px;
}

#news ul {
	width: 500px;
	color: #62605F;
	margin: 15px 0px 20px 0px;
	padding: 0px;
	border-bottom: 1px solid #D5D7CC;
}

#news li {
	width: 500px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #D5D7CC;
	list-style-type: none;
}

#news a {
	color: #62605F;
	text-decoration: none;
}

#news a:hover {
	color: #BE670A;
	text-decoration: none;
}

.news_date {
	font-weight: bold;
	color: #BE670A;
}

/* ------ points diary ------ */

#points_diary ul {
	width: 570px;
	line-height: 1.7em;
	color: #62605F;
	margin: 25px 0px 20px 0px;
	padding: 0px;
	border-bottom: 1px solid #D5D7CC;
}

#points_diary li {
	width: 570px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #D5D7CC;
	list-style-type: none;
}

#points_diary a {
	color: #BE670A;
	text-decoration: none;
}

#points_diary a:hover {
	color: #BE670A;
	text-decoration: underline;
}

.points_diary_date {
	font-weight: bold;
	color: #BE670A;
}

.points_diary_pages {
	color: #BE670A;
	text-align: right;
	border-bottom: 1px solid #D5D7CC;
}

/* ------ links ------ */


#links {
	margin: 0px;
	padding: 0px;
}

#links ul {
	width: 500px;
	color: #62605F;
	margin: 15px 0px 20px 0px;
	padding: 0px;
	border-bottom: 1px solid #D5D7CC;
}

#links li {
	width: 500px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #D5D7CC;
	list-style-type: none;
}

#links a {
	color: #BE670A;
	text-decoration: none;
}

#links a:hover {
	color: #BE670A;
	text-decoration: underline;
}


/* ------ form ------ */

#form {
	width: 570px;
	line-height: 2.1em;
	color: #62605F;
	margin: 10px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #D5D7CC;
	
}

.form_field {
	width: 570px;
	margin: 0px 0px 8px 0px;
	float: left;
}

.txt_form {
	width: 130px;
	text-align: right;
	color: #62605F;
	padding: 2px 10px 0px 0px;
	float: left;
}

.field_form {
	margin: 0px;
	text-align: left;
	}
	
#form_buttons {
	margin: 0px;
	padding: 10px 0px 10px 20px;
	text-align: left;
	border-bottom: 1px solid #D5D7CC;
	border-top: 1px solid #D5D7CC;
	clear: both;
	}

/* ------ footer ------ */

#footer {
	width: auto;
	margin: 0px;
	padding: 5px 0px 8px 20px;
	color: #FFFFFF;
	background-color: #838776;
	background-repeat: repeat-x;
	clear: both;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;	
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}

#footer_links {
	color: #BD660A;
	padding: 80px 0px 10px 210px;
	clear: both;
	overflow: hidden;
	background: transparent url(img_left.gif) scroll repeat-y top left;
}

#footer_links a {
	color: #BD660A;
	text-decoration: none;
}

#footer_links a:hover {
	color: #BD660A;
	text-decoration: underline;
}

/* ------------------->>> Txt CSS <<<-------------------- */


.txt {
	color: #62605F;
}

.txt_clar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #818181;
}

.txt_bold {
	color: #62605F;
	font-weight: bold;
}


.txt_color {
	color: #BD660A;
	font-weight: normal;
}

.txt_color_bold {
	color: #BD660A;
	font-weight: bold;
}

.txt_gris_bold {
	color: #838776;
	font-weight: bold;
}

.txt_cita {
	color: #838776;
	text-align: center;
}

.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #BD660A;
	font-weight: bold;
}

.logos {
	border: none;
}

/* ------------------->>> Inici CSS <<<-------------------- */

div#inici{width: 586px; overflow: hidden;}
div#inici img {border:none;}
div#agenda div.title {width: 586px; overflow: hidden; display: block; padding-bottom: 7px; margin-top: 5px;}
div#poema div.title, div#noticies div.title {width: 586px; overflow: hidden; display: block; padding-bottom: 10px; margin-top: 5px;}

div#inici div#agenda{width: 600px; overflow: hidden; margin-bottom: 3px;}
div#agenda div#esdeveniments{width: 600px; overflow: hidden;}
div#esdeveniments div.esdeveniment{width: 184px; overflow: hidden; margin-right: 16px; display: inline; float: left;}
div.esdeveniment div.inside {width: 184px; overflow: hidden; border-top: 1px solid #d5d7cc; border-bottom: 1px solid #d5d7cc; padding-bottom: 10px; margin-bottom: 10px;}
div.inside div.title_esdv {font-weight: bold; padding-top: 14px; line-height: 1.4em; height: 30px;}
div.inside div.img_esdv img {width: 184px; height: 104px; border: none; margin: 6px 0;}
div.inside div.type_esdv {color:#BD660A; font-weight: bold;}
div.inside div.date_esdv {font-size: 0.9em; height: 10px;}
div#agenda a {color:#62605F; text-decoration: none;}
div#agenda a:hover {color:#62605F; text-decoration: underline;}

div#inici div#poema{width: 586px; overflow: hidden; margin-bottom: 20px;}
div#poema div#mpoema {border-top: 1px solid #d5d7cc; border-bottom: 1px solid #d5d7cc; overflow: hidden;}
div#poema div#col1p{float:left; width: 184px; overflow: hidden; padding-right: 17px; margin: 14px 0;}
div#col1p img {width: 184px; height: 104px; border: none;}
div#poema div#col2p{float:right; width: 385px; overflow: hidden; text-align: left; margin: 14px 0;}
div#col2p div#txt_poema {font-family: Georgia, Verdana; font-style: italic; font-size: 1.09em;}
div#col2p div#footer_poema {margin-top: 10px;}
div#poema a {color:#BD660A; text-decoration: none;}
div#poema a:hover{color:#BD660A; text-decoration: underline;}


div#inici div#noticies{width: 586px; overflow: hidden; margin-top: 10px;}
div#noticies div#coln{float:left; width: 550px; overflow: hidden; border-bottom: 1px solid #d5d7cc;}
div#coln div.noticia {border-top: 1px solid #d5d7cc; overflow: hidden; padding: 10px 0;}
div.noticia div.title_noticia {color: #bd660a; font-weight: bold; display: inline;}
div.noticia div.breu_noticia {display: block;}
div.noticia div.date_noticia {display: inline; font-size: 0.9em;}
div#noticies a {color:#BD660A; text-decoration: none;}
div#noticies a:hover{color:#BD660A; text-decoration: underline;}

/* ------------------->>> Acordion CSS <<<-------------------- */

#basic-accordian{
	padding:5px;
	width:100%;
	position:relative;
}

#basic-accordian2{
	padding:5px;
	width:100%;
	position:relative;
}

#basic-accordian3{
	padding:5px;
	width:100%;
	position:relative;
}

#basic-accordian4{
	padding:5px;
	width:100%;
	position:relative;
}

.accordion_headings{
	padding:5px;
	background:#ce8c47;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
}

.accordion_headings:hover{
	background:#bd660a;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#bd660a;
}