/***********************************************/
/* definicio estils generals                            */
/***********************************************/ 
body {
background-image : url(imatges/fonsjf.gif); 
background-position : 50% 50%; 
margin : 0; 
text-align : center;  /* perque centri amb IE */
} 
a {
color : #0073AC; 
text-decoration : none; 
} 
a:link {
color : #0073AC; 
text-decoration : none; 
} 
a:visited {
color : #0073AC; 
text-decoration : none; 
} 
a:hover {
color : #0073AC; 
text-decoration : underline; 
} 
h1 {
font-family : Verdana, Arial, sans-serif; 
font-size : 120%; 
color : #0A3144; 
margin : 0; 
padding : 0; 
} 
h2 {
font-family : Arial, sans-serif; 
font-size : 114%; 
color : #0073AC; 
margin : 0; 
padding : 0; 
} 
h3 {
font-family : Arial, sans-serif; 
font-size : 100%; 
color : #0A3144; 
margin : 0; 
padding : 0; 
} 
h4 {
font-family : Arial, sans-serif; 
font-size : 100%; 
font-weight : bold; 
color : #0A3144; 
margin : 0; 
padding : 0; 
} 
h5 {
font-family : Verdana, Arial, sans-serif; 
font-size : 100%; 
color : #0A3144; 
margin : 0; 
padding : 0 0 10px; 
} 
ul {
list-style-type : none; 
} 
ul ul {
list-style-type : none; 
} 
ul ul ul {
list-style-type : none; 
} 
.centrat {
text-align : center; 
} 
/********************************taules  */
td {
font-family : Verdana, Arial, sans-serif; 
font-size : 100%; 
margin : 0; 
padding : 0 5px 5px 10px; 
} 
.casellaTitol {
background-color : #eeeeee; 
} 
.taulaPlens {
padding : 5px; 
margin : 0; 
list-style : none; 
text-align : center; 
} 
.taulaPlens td {
padding : 5px; 
border-bottom : 1px solid #cccccc; 
} 
.taulaFonts {
padding : 0; 
margin : 0; 
list-style : none; 
font-size : 100%; 
} 
.taulaPublicacions {
padding : 0; 
margin : 0; 
list-style : none; 
font-size : 100%; 
background-color : #eeeeee; 
border : 1px solid #cccccc; 
} 
.taulaPublicacions th {
text-align : center; 
padding : 6px; 
margin : 0; 
white-space : nowrap; 
background-color : #cccccc; 
font-weight : bold; 
} 
.taulaPublicacions td {
padding : 0 6 0 0; 
margin : 0; 
text-align:justify;
vertical-align:top
} 
.taulaPublicacions img {
border : none; 
padding : 0;
margin : 0; 
} 
#detallPulicacions {
padding : 1px 0px;
text-align:inherit; 
border : none; 
} 
.taulaAlbum {
padding : 0; 
margin : 0; 
list-style : none; 
font-size : 100%; 
background-color : #eeeeee; 
border : 1px solid #cccccc; 
} 
.taulaAlbum th {
text-align : center; 
padding : 6px; 
margin : 0; 
white-space : nowrap; 
background-color : #cccccc; 
font-weight : bold; 
} 
.taulaAlbum td {
text-align : center; 
} 
.taulaAlbum img {
border-width:1px;
border-bottom-color:#CCCCCC;
border-left-color:#F2F2F2;
border-top-color:#F2F2F2;
border-right-color:#CCCCCC;
} 
.taulaAlbum ul {
margin : 0; 
} 
.taulaInteres {
padding : 0; 
margin : 5px; 
list-style : none; 
} 
.taulaPoum {
padding : 0; 
margin : 0px; 
list-style : none; 
vertical-align : middle;
} 
.taulaPoum td {
border : none;
padding : 0px;
margin : 0px; 
} 
.taulaPoum td img{
border : none;
padding : 0px; 
margin : 0px; 
} 
.taulaTramits {
padding : 0; 
margin : 0; 
list-style : none; 
font-size : 100%; 
} 

.capcaleraFoto {
padding : 10px 0 0; 
font-weight : bold; 
} 
.sosTitol {
text-align : center; 
background-color : #f9f9f9; 
font-size : 85%; 
padding : 2px; 
margin : 0; 
} 
.casellaAliCentre {
text-align : center; 
white-space : nowrap; 
} 
.casellaAliDreta {
text-align : right; 
white-space : nowrap; 
} 
.casellaAliEsquerra {
text-align : left; 
white-space : nowrap; 
} 
.taulaInteres ul {
list-style : none; 
margin : 0; 
padding : 0; 
} 
.taulaPoum ul {
list-style : none; 
margin : 0; 
padding : 0; 
} 
.marcGranFoto { 
   margin: 10px; 
   padding:5px; 
   background-color:#f9f9f5; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
} 

/***********************************************/
/* propietats de les caixes                            */
/***********************************************/ 
#caixaTot {
text-align : left; 
width : 800px; 
border : 1px solid #cccccc; 
font-family : Arial, sans-serif; 
color : #0A3144; 
line-height : 1.166; 
margin : 0 auto; 
padding : 0; 
background-color : #f9f9f9; 
} 
#primeralinia {
padding : 0 0 0 10px; 
height : 33px; 
} 
#capcalera {
padding : 0; 
border-bottom : 1px solid #cccccc; 
width : 100%; 
} 
#menuEsquerra {
	float : left;
	width : 20%;
	margin : 0;
	padding : 0;
	background-image : url(imatges/fonsmenu2.jpg);
	border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
} 
#cridaAtencio {
float : right; 
width : 20%; 
border-left : 1px solid #cccccc; 
border-right : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
padding-right : 10px; 
background-color : #eeeeee; 
} 
#contingut {
float : left; 
width : 55%; 
} 
#contingutAmple {
float : left; 
width : 77%; 
display : block; 
} 
/***********************************************/
/* Components                            */
/***********************************************/ 
/********************************#preTitol definicio estils  */

#preTitol {
float : left; 
left : 0; 
width : 60%; 
vertical-align : middle; 
font-weight : bold; 
font-size : 85%; 
color : #15678f; 
} 
#preTitol img {
padding : 0 4px 4px 10px; 
vertical-align : middle; 
} 
/********************************#idioma definicio estils  */
#idioma {
float : right; 
right : 0; 
width : 25%; 
padding : 5px 0 0 0; 
border : none;  
} 
#idioma img {
float : right; 
display : block; 
border : 1px solid white; 
margin : 0 5px; 
vertical-align : middle; 
} 
#idioma a:hover img {
border : 1px solid #cccccc; 
} 
/********************************#titolPagina definicio estils  */
#titolPagina {
padding : 2px 0 0; 
border : none; 
background-color : #15678f; 
width : 100%; 
} 
#titolPagina img {
border : none; 
padding : 0 0 0 0; 
} 
/********************************#nomPagina definicio estils  */
#nomPagina {
margin : 0; 
padding : 2px 0 0 173px; 
} 
/********************************#menuPrinc definicio estils  */
#menuPrinc {
padding : 0 0 5px 10px; 
background-color : #15678f; 
color : #f9f9f9; 
font-weight : bold; 
} 
#menuPrinc a {
font-size : 90%; 
color : #f9f9f9; 
padding : 0 4px 0 0; 
} 
/********************************#menuRuta definicio estils  */
#menuRuta {
font-size : 80%; 
padding : 3px 0 3px 173px; 
} 
/********************************#menuEsquerra definicio estils  */
#menuEsquerra ul a:link , #menuEsquerra ul a:visited {
display : block; 
} 
#menuEsquerra ul {
list-style-position:inherit;
list-style-image:url(imatges/boleta.gif);
margin : 0; 
padding : 0; 
} 
#menuEsquerra li {
list-style-image:url(imatges/boleta1.gif);
border-bottom : 1px solid #eee; 
margin : 0 0 0 20px; 
padding : 0; 
} 
#menuEsquerra li li {
list-style-image:url(imatges/boleta2.gif);
border-bottom : 1px solid #eee; 
margin : 0 0 0 10px; 
padding : 0; 
} 
#menuEsquerra li li li {
list-style-image:url(imatges/boleta3.gif);
border-bottom : 1px solid #eee; 
margin : 0 0 0 10px; 
padding : 0; 
} 
html > body #menuEsquerra li {
border-bottom : none; 
} 
/********************************.linksNivell definicio estils  */
.linksNivell {
position : relative; 
margin : 0; 
padding : 10px 0 10px 0px; 
font-size : 84%; 
line-height : 25px; 
height : 500px; 
} 
.linksNivell h3 {
padding : 10px 0 2px 10px; 
} 
.linksNivell a:link , .linksNivell a:visited {
display : block; 
} 
.linksNivell img {

padding : 0 0 0 0; 
} 
/********************************#mapaweb definicio estils  */
.mapaweb {
clear : both; 
padding : 10px 10px 0; 
font-size : 80%; 
} 
.mapaweb p {
padding : 0 0 10px; 
} 
.mapaweb img {
float : right; 
padding : 0 0 0 10px; 
} 
.mapaweb ul {
list-style-image:url(imatges/boleta1.gif);
} 
.mapaweb ul ul {
list-style-image:url(imatges/boleta2.gif);
} 
.mapaweb ul ul ul {
list-style-image:url(imatges/boleta3.gif);
} 
.mapaweb ul ul ul ul {
list-style-image:url(imatges/boleta4.gif);
} 

/********************************.temaObertura definicio estils  */
.temaObertura {
padding : 0 0 0 10px; 
font-size : 80%; 
} 
.temaObertura h3 {
padding : 20px 0 5px 0; 
text-align : center; 
} 
.temaObertura img {
	float : left;
	padding : 10px 10px 10px 0;
} 
/********************************.temaOberturaAmple definicio estils  */
.temaOberturaAmple {
padding : 10px; 
font-size : 80%; 
text-align : left; 
} 
.temaOberturaAmple h3 {
padding : 10px 0 5px; 
text-align : center; 
} 
.temaOberturaAmple img {
padding : 10px; 
} 
/********************************.histories definicio estils  */
.histories {
clear : both; 
padding : 10px 10px 0; 
font-size : 80%; 
} 
.histories p {
padding : 0 0 10px; 
} 
.histories img {
float : right; 
padding : 0 0 0 10px; 
} 
/********************************.actaPleMun definicio estils  */
.actaPleMun {
clear : both; 
padding : 10px 10px ; 
font-size : 80%; 
} 
.actaPleMun p {
padding : 0 0 1px 0; 
}
.actaPleMun ul {
list-style-type:disc;
margin : 0.75em 0 0 0.75em;
padding : 0; 
} 
.actaPleMun li {
margin:0.75em 0 0 0;
}
.actaPleMun ul ul {
list-style-type:circle;
} 
/********************************caixes definicio estils  */
#caixaTramits {
width : 375px; 
padding : 10px; 
margin : 10px; 
text-align : center; 
border : 1px solid #cccccc; 
} 
#caixaFormulari {
background-color : #eeeeee; 
width : 400px; 
padding : 10px; 
margin : 10px 100px; 
text-align : center; 
font-size : 80%; 
border : 1px solid #cccccc; 
} 
#detallFormulari {
padding : 10px 50px; 
text-align : center; 
border : none; 
} 
/********************************#cridaAtencio definicio estils  */
#cridaAtencio {
margin : 0; 
padding : 10px 5px 20px 10px; 
font-size : 80%; 
} 
#cridaAtencio p {
padding : 5px 0; 
} 
/********************************#advertiment definicio estils  */
#advertiment {
padding : 20px 10px 10px; 
display : block; 
margin : auto; 
} 
#advertiment img {
padding : 20px 0 0; 
} 
/********************************#peuPagina definicio estils  */
#peuPagina {
clear : both; 
border-top : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
font-size : 75%; 
color : #0A3144; 
padding : 10px 4px; 
display : block; 
margin : auto; 
} 
#peuPagina img {
padding : 4px 1px; 
vertical-align : middle; 
}