/* CSS Document */

/* GENERALS
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
/*
* {
  margin: 0;
  padding: 0;
}
*/

/*
#ombra_esq {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  padding: 0;
  background: url(marge_esq.jpg) no-repeat top right;
}

#ombra_dret {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
  padding: 0;
  background: url(marge_dret.jpg) no-repeat top left;
}
*/

body, html { text-align: center; margin-top: 0; padding: 0; height: 100%; font-size: 100%; }
html { overflow-y: scroll; }
#menu { margin: 0; padding: 0; }


/* CONTENIDOR
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
#contenidor { width: 1136px; height: auto; padding: 0; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; }
#contenidorCont { position: relative; float: left; width: 1136px; padding-left: 0; padding-right: 0; padding-top:0; padding-bottom: 1em; margin: 0; }

/* CONTINGUTS
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
#continguts { float: left; /*margin-left: 135px; width: 863px;*/ margin-top: 70px; padding: 5px; font-family: arial; font-size: 0.8em; text-align: justify; }
/* Totes les columnes disponibles */
.colEsquerra { /*width: 200px;*/ width: 336px; margin: 0; padding: 10px 10px 10px 0; float:left; } /* Columna textual */
.colCentral { width: 413px; _width: 409px; margin: 0; padding: 10px; float:left; } /* Columna per imatge central */
.colCentral img { width: 409px; _width: 409px; margin-top: 15px; *margin-top: 4px; padding: 0; border: 2px double #aaa; } 
.colDreta { /*width: 200px;*/ width: 336px; margin: 0; padding: 10px 0 10px 10px; float:left; } /* Columna textual */
#continguts a { text-decoration: none; color: #555; }
#continguts a:hover { text-decoration: underline; }

#continguts object, #continguts embed { margin-top: 15px; _margin-top: 5px; padding: 0; width: 409px; }

.docs_apartats { clear: both; margin-top: 20px; font-size: 14px; font-weight: bold; }
.separador { margin: 0.3em 0 0 0; padding: 0; width: 840px; height: 13px; background: url(../imatges/separador.jpg) no-repeat; clear: both; }
/* ------------------------------ */

/* Dues columnes textuals */
.colTextIgualsEsquerra { /*width: 416px;*/ width: 545px; margin: 0; padding: 10px 15px 10px 0; float: left; }
.colTextIgualsDreta { /*width: 416px;*/ width: 545px; margin: 0; padding: 10px 0 10px 15px; float: right; }
/* ---------------------- */

/* Imatge sense columnes de text */
.colImatge { /*width: 853px;*/ width: 1136px; margin: 0; padding: 10px 0; text-align: center; }
.colImatge img { width: 413px; margin-top: 15px; *margin-top: 4px; padding: 0; border: 2px double #aaa; }
/* ----------------------------- */

/* Només una columna de text */
.colText { /*width: 853px;*/ width: 1125px; margin: 0; padding: 10px 0; float: left; }
/* ------------------------- */

/* Una columna de text i imatge */ 
.colEsquerraAmple { /*width: 420px;*/ width: 690px; margin: 0; padding: 10px 10px 10px 0; float:left; } /* Columna textual més ampla justificada a l'esquerra */
.colImatgeDreta { width: 413px; _width: 409px; margin: 0; padding: 10px 0 10px 10px; float:left; } /* Columna per imatge justificada a la dreta */
.colImatgeDreta img { width: 409px; _width: 409px; margin-top: 15px; *margin-top: 4px; padding: 0; border: 2px double #aaa; } /* Columna per imatge justificada a la dreta */
/* ---------------------------- */


/* APARTAT NOTICIES
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
#contNoticies { margin: 20px 0 0 0; padding: 0; width: 100%; } 
#contNoticies a { margin: 0; padding: 0; text-decoration: none; color: #000; }
#contNoticies a:hover { text-decoration: underline; }
#contNoticies a.noticia { text-decoration: none; color: #000; } /* Solventa els problemes sorgits a FireFox (les notícies que són curtes, inferiors a 300 caràcters, li dóna l'estil).  */
#contNoticies a:hover.noticia { text-decoration: none; } 
.conjuntNoticia { /*border: 1px dashed green; */ margin: 0; padding: 0; width: 100%; text-align: left; clear: both; }
#contNoticies .separador { margin: 0.3em 0 0 0; padding: 0; width: 840px; height: 13px; background: url(../imatges/separador.jpg) no-repeat; clear: both; }
#contNoticies .titular { font-family: arial; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; text-align: justify; color: #000; clear: left; }
#contNoticies .descripcio { font-family: arial; font-size: 1em; font-weight: normal; text-align: justify; color: #000; clear: left; }
#contNoticies .arxiuAdjunt, #contNoticies .arxiuAdjunt a { font-family: arial; font-size: 0.9em; font-weight: bold; margin: 10px 0 0 0; padding: 0; text-align: left; color: #555; clear: left; }
#contNoticies .anunciat { font-family: arial; font-size: 0.9em; font-weight: bold; font-style: normal; color: #000; }
#contNoticies .imatge { float: right; margin: 0 0 10px 10px; padding: 0; }
#contNoticies .imatge img { width: 50px; border: 2px double #aaa; }


/* APARTAT CONTACTAR
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
#contContactar a { text-decoration: none; color: #555; }
#contContactar a:hover { text-decoration: underline; }

/* APARTAT SITUACIÓ
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
.mapa { /*width: 853px;*/ width: 1125px; text-align: center; }

/* APARTAT MAQUINÀRIA
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
#maquinaria { margin-top: 20px; padding: 0 20px 0 0;/* width: 404px; _width: 403px;*/ width: 540px; float: left; }
#serveis { margin-top: 20px; padding: 0 0 0 20px; /*width: 404px; _width: 403px;*/ width: 540px; float: right; }

#maquinaria .titular, #serveis .titular { font-family: arial; font-size: 1.2em; font-weight: bold; color: #000; }
#maquinaria .titol, #serveis .titol { /*width: 285px; float:*/ width: 415px; float: right; font-family: arial; font-size: 1.1em; font-weight: bold; color: #000; margin: 0 0 5px 0; padding: 0; }
#maquinaria .imatge, #serveis .imatge { margin: 0; padding: 2px 0 5px 0; width: 100px; float: left; }
#maquinaria img, #serveis img { width: 100px; border: 2px double #aaa; }
#maquinaria .caracteristiques, #serveis .caracteristiques { /*width: 285px;*/ width: 415px; float: right;  padding: 0 0 5px 0; font-family: arial; font-size: 0.9em; font-weight: normal; color: #000; }
#maquinaria .separador, #serveis .separador  { margin: 0; padding: 0; height: 13px; width: 400px; background: url(../imatges/separador_maquinaria.jpg) no-repeat; clear: both; }


/* FOOTER (MENÚ PEU PÀGINA)
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
#footer { clear: both; }
#footer div.primerNivell { padding: 4em 0 0.3em 0; font-family: arial; font-size: 0.8em; text-align: center; margin:0; }
#footer div.segonNivell { padding: 0.3em 0 0 0; font-family: arial; font-size: 0.8em; text-align: center; margin:0; }
#footer div.primerNivell ul, #footer div.segonNivell ul { list-style-type: none; margin:0; padding:0; }
#footer div.primerNivell li, #footer div.segonNivell li { display: inline; line-height: 0.8em; padding: 0 0.1em; /*border-right: 1px solid #B0B0B0;*/ }
#footer div.primerNivell li.ultim, #footer div.segonNivell li.ultim { border-right: none; }
#footer div ul li a { text-decoration: none; color: #000; margin: 0; padding: 0; }
#footer div ul li a:hover { text-decoration: underline; }


/* MIGUITAS DE PAN (RUTA)
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
#ruta {  padding: 0 0 1em 0; _padding: 0.1em 0 0.1em 0; margin: 0; }
.barraSup { margin-bottom: 2px; position: relative; left: -70px; width: 449px; height: 4px; background: url(../imatges/barra_ruta.jpg) bottom no-repeat; }
.barraInf { margin-top: 2px; position: relative; left: -70px; width: 449px; height: 4px; background: url(../imatges/barra_ruta.jpg) top no-repeat; }
.imatgeRuta { position: relative; top: 2px; margin-right: 8px; }
.molleta, .molleta a { font-family: arial; font-size: 1em; text-decoration: none; color:#000; }
.molleta a:hover { text-decoration: underline; }
.molletaActual { font-family: arial; font-size: 1em; font-weight: bold; color:#000; }
.molletaGaleria, .molletaGaleria a { font-family: arial; font-size: 1em; text-decoration: none; color:#555; }
.molletaGaleria a:hover { text-decoration: underline; }
.molletaSubmenu, .molletaSubmenu a { font-family: arial; font-size: 1em; text-decoration: none; color: #000; }
.molletaSubmenu a:hover { text-decoration: underline; }

/* GALERIES
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
#contGaleria { margin: 0; padding: 0; width: 100%; }
.conjuntImatge { /*border: 1px dashed green; */ margin: 15px; _margin: 12px; padding: 0; width: 193px; text-align: center; float: left; }
.salt { margin: 0; padding: 0; /*width: 853px;*/ width: 1125px; clear: both; }
.conjuntImatge img.imatge { margin: 0; padding: 0; height: 145px; border: 2px double #aaa; }
.titolImatge { font-family: arial; font-size: 1em; font-weight: bold; margin: 0.5em 0 0.3em 0; padding: 0; text-align: justify; }
.descImatge { font-family: arial; font-size: 1em; font-weight: normal; text-align: justify; }
.arxiuAdjunt { font-family: arial; font-size: 1em; font-weight: normal; text-align: justify; text-align: center; margin-top: 10px; padding: 0; }
.arxiuAdjunt img.logo { width: 20px; border: 0; }

/* PAGINACIÓ
---------------------------------------------------------------------------- 
---------------------------------------------------------------------------- */
#paginacio { clear: both; padding: 0; margin-top: 20px; /*width: 853px;*/width: 1136px; font-family: arial; font-size: 12px; text-align: center; }
#paginacio a { text-decoration: none; font-weight: normal; color: #555; }
#paginacio a:hover { text-decoration: underline; }
#paginacio .paginaActiva { font-weight: bold; color: #000; }