/* CSS Document */
body {
	text-align:center;
	background:url(/assets/templates/aparedes/imatges/fons_general.png) #E5E5E5 repeat;
	font: 0.9em/130% Arial, Helvetica, sans-serif;
	color: #555;
	}


div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: .07em;
}
h1 { font-size: 218% }
h2 { font-size: 145%; margin:1em 0; line-height:125% }
h3 { font-size: 118%; margin:1em 0 .5em 0; line-height:125%  }
h4 { font-size: 110%; letter-spacing: .15em }

p { padding: .5em 0; }

a, a:link { 
    text-decoration: none;
    color: #3E1809;
    border-bottom: 1px dotted #514D42; 
}

a img, img {
    border: none;
}

a:visited { color: #514D42; border-color: #514D42; }
a:hover { color: #000; border-color: #000; text-decoration: none; }
a:active { color: #000; border-color: #000 }

caption {display:none }

.post a, .post a:link { 
    text-decoration: none;
    color: #3E1809;
	background-color: #fff ; /* #F2EFEC */
    border-bottom: 1px dotted #705A4B;	
}

.post a:visited { color: #514D42; border-color: #514D42; background-color: #F8F7F5;}
.post a:hover { color: #000; text-decoration: none; background-color: #F8F7F5; border-bottom: 1px solid #705A4B}
.post a:active { color: #000; border-color: #000 }

.post p { text-align:justify; padding: .5em 0; margin:0}

.post ul li {
	background: url(/assets/templates/aparedes/imatges/punt_llistets_negre.png) no-repeat;
	background-position: -3px 3px;
	margin-left: 0; 
}

.post  { font-size: 110%; }


ul {
    list-style: none;
    margin: 0 0 20px 1em;
}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}


/* llistes ChilsOrSlibs */
.LCOS_list {
margin: 1em 0;
}



#noticies dt {
	font: 118%/140% Georgia, "Times New Roman", Times, serif;
	margin-top: 1em;
	font-weight:bold;
	}
#noticies dd {
	text-indent:0;
	margin:.5em 0;
	}


.neteja {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}



/* ESTRUCTURA ****************************************************************************/

#contenidor {
	width:750px;
	margin: 0 auto;
	padding: 0;
	background:  #FFFFFF url(/assets/templates/aparedes/imatges/fons_col_esquerra.png) repeat-y left top;
	border: 1px solid #ccc;
	border-top: 1px solid #AE9285;
	border-bottom: 2px solid #8F9195;
	}
	
#columnaesquerra {
	width:200px;
	padding:0px;
	float:left;
	}

#principal {
	margin: auto;
	float:right;
	background-image: url(/assets/templates/aparedes/imatges/fons_col_dreta.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #514D42;
	width: 520px;
	min-height:400px;
	text-align: center;
	padding-bottom: 1em;
	}

#barraMenu {
	margin-right:20px;
	font-size: 0.8em;
	float:right;
	margin-top: 0px;
	padding-top: 16px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	margin-bottom: 2em;
	}

#article {
	font-size:0.8em;
	text-align: left;
	width: 80%;
}

#peu {
	font-size:0.7em;
	text-align: left;
	width: 80%;
	margin-top:4em;
	border-top: 1px solid #CCC;
	letter-spacing: .1em;
	padding-top:.5em;
	color:#999999;
}

#peu a { 
	color:#999999;
	}

/* menu horitzontal: http://css.maxdesign.com.au/listamatic/horizontal03.htm */

#barraMenu ul
{
	padding: 6px 0;
	margin: 0;
	background-color: #fff;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size:1.1em;
	text-align:left;
	background-image: url(/assets/templates/aparedes/imatges/linia_490px.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#barraMenu ul li {
 display: inline; 
 margin: 0;
 padding: 0px;

 }

#barraMenu ul li a
{
	padding: 0.1em;
	text-decoration: none;
	border: 3px solid #fff;
}

#barraMenu ul li a:hover
{
	color: black;
	border-bottom: 3px solid #ddd;
}

.menu_current {
	font-weight:bold;
	}





/* Search Form 
------------------------------------------------------------------------------- */
#search {
    padding: 10px 0;
}
#FSF_input {
background: #fff;
border: 1px solid #666;
color: #111;
padding: 2px 5px 1px 5px;
clear:none;
}

#FSF_input:focus {
border-bottom: 1px solid #000;
background: #fff;
color: #111;
}

#FSF_submit, #FSF_submit:focus {
background: url("/assets/templates/aparedes/imatges/lupa.png") no-repeat;
margin-left: 5px;
height: 22px;
width: 22px;
border: 0;
text-indent: -9999px;
cursor: pointer;}


/* Form styles

------------------------------------------------ */

input {
font-size: 1em;
}
input:focus {
background: #fff;
color: #111;
}

/* Forms 
------------------------------------------------------------------------------- */
.emailform {
width: 360px;
text-align: left;
padding-bottom: 20px;
border: none;
}

fieldset {
border: none;
}

legend {
display: none;
}

.emailform label,
.emailform p {
display: block;
clear: both;
width: 310px;
font-size: 1em;
line-height: 1.5em;
padding: 0 0 9px;
}

.emailform input {
display: block;
margin-top: 3px;
}

.emailform select {
float: left;
display: block;
}

.emailform label {
float: left;
clear: left;
width: 310px;
margin: 0;
line-height: 1.5em;
}

.emailform label input {
float: left;
width: 310px;
padding: 0;
}

/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
padding: 0 2px;
height: 18px;
line-height: 20px;
background: #fff url(images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
background-color: #fff;    
}
form textarea {
margin-top: 3px;
width: 383px;
height: auto;
display: block;
}

form label input.calc {
text-align: right;
width: 100px;
clear: left;
padding: 0;
}

form input.button {
clear: left;
}

.santoral {
	/*border-bottom: 1px solid #514D42;*/
	font-size:0.95em;
	padding: 0px 0;
	}
	
.requadre {
	background-color: #F3EFED;
	border: 1px solid #DACFC9;
	padding: 1em;
	margin: 2em 0;
	text-align:center;
}	
	
#breadcrumb	{
	font-size:0.9em;
	padding-bottom: 1em;
}
	
.adreca {
	font-size:0.9em;
	}

/* Menu anterior seguent */

.PJN_Menu {
	margin-top: 2.5em;
	text-align: center;
	font-size: 90%;
}

/** xuletes imatge */

.imatgedreta {
float: right;
margin: 0 0 20px 20px;
}

.imatgeesquerra {
float: left;
margin: 0 20px 20px 0;
}