/* CSS for  Web Casa Sant Josep*/
/* 900px Canviar aquest valor per variar l'ample total. Per fer-lo de 740px --> 1 ÷ 16 × 740 = 46.25em*/
    html,body {
    	font: 100% Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    	background: #fff;
    	margin: 0 auto;  /*es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
		color: #000000;
		height:100%;
			
    }
    
    img{border:none;}
    
    .oneColLiqCtrHdr #container { /* 1 columna liquida*/
    	margin: 0 auto;
		width: 100%;  
		border:0px solid red;
    	padding: 0px;
		margin-top:0px;
    	/*text-align: left;  esto anula text-align: center en el elemento body. */
		margin-top:0px;
			
    }
    .oneColLiqCtrHdr #navegacio { /* capçalera logo i menu */
		width: 920px; 
    	margin: 0 auto;
		border:0px solid red;
    	width: 100%; 
    	padding: 0px 0px 0px 0px;
		/*padding: 54px 30px 10px 10px;*/  
    }
	


       .oneColLiqCtrHdr #mainContentcontinguts {
		position: relative; 
		margin: 0 auto;
		 display:block;
   		 /*background: #fff url(../img/historia.jpg)  no-repeat;*/
		 width:100%;
		 height:489px;
		 z-index: 1;

    }
#pastalpha
	{
		width:200px;
		 height:489px;
	    z-index: 1300;
        color: #1C25DE;
		opacity: 0.65; 
        -moz-opacity: 0.65; /* para viejos navegadores Gecko-based */ 
        filter:alpha(opacity=65); /* para IE6&7 */ 
}



	#historia
	{
		z-index: 1;
		position: absolute;
		width: 602px;
		height: 489px;
		left: -290px;
		top: -20px;
		background: #fff url(../img/historia.jpg)  no-repeat;
	}

	#futur
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
        z-index:-500;
		background: #fff url(../img/futur.jpg)  no-repeat; 
	}

	#serveis
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		background: #fff url(../img/serveis.jpg)  no-repeat; 
	}

	#sitemap
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		background: #fff url(../img/sitemap.jpg)  no-repeat; 
	}

	#setcaps
	{
		z-index: 1;
		position: absolute;
		width: 602px;
		height: 489px;
		left: -290px;
		top: -20px;
		background: #fff url(../img/setcaps.jpg)  no-repeat;
	}

	#caf
	{
		z-index: 1;
		position: absolute;
		width: 602px;
		height: 489px;
		left: -290px;
		top: -20px;
		background: #fff url(../img/caf.jpg)  no-repeat;
	}

	#crae
	{
		z-index: 1;
		position: absolute;
		width: 602px;
		height: 489px;
		left: -290px;
		top: -20px;
		background: #fff url(../img/crae.jpg)  no-repeat;
	}
	
		#preadoptius
	{
		z-index: 1;
		position: absolute;
		width: 602px;
		height: 489px;
		left: -290px;
		top: -20px;
		background: #fff url(../img/preadoptius.jpg)  no-repeat;
	}


	#projectes1
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		background: #fff url(../img/projectes1.jpg)  no-repeat; 
	}

	#projectes2
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		background: #fff url(../img/projectes2.jpg)  no-repeat; 
	}

	#links
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		background: #fff url(../img/links.jpg)  no-repeat; 
	}
	#home
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		background: #fff url(../img/home.jpg)  no-repeat; 
	}

	#contacte
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		/* background: #fff url(../img/futur.jpg)  no-repeat; */
	}

	#personal
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		 background: #fff url(../img/personal.jpg)  no-repeat; 
	}

	#organigrama
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		 background: #fff url(../img/organigrama.jpg)  no-repeat; 
	}

	#patronat
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		background: #fff url(../img/patronat.jpg)  no-repeat; 
	}

	#hist
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		background: #fff url(../img/hist.jpg)  no-repeat; 
	}

	#pla
	{
		position: absolute;
		width: 1228px;
		height: 464px;
		left: -290px;
		top: 0px;
		background: #fff url(../img/plaestrategic.jpg)  no-repeat; 
	}

       .oneColLiqCtrHdr #mainContentcontingutsfut {
		 margin: 0 auto;
		 display:block;
   		 background: #fff url(../img/futur.jpg)  no-repeat;
		 width:100%;
		 height:489px;
		 z-index:-1;
		    	
    }

       .oneColLiqCtrHdr #mainContentcontingutsproj1 {
		 margin: 0 auto;
		 display:block;
   		 background: #fff url(../img/projectes_1.jpg)  no-repeat;
		 width:100%;
		 height:489px;
		 z-index:-1;
		    	
    }
    
	#continguts{
	position: absolute;
	left: 360px; 
	color:#000;
	font-weight: normal;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:565px;
	z-index:3;

	}

	#contingutsmaps{
	position: absolute;
	left: 560px; 
	color:#000;
	font-weight: bold;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:365px;
	z-index:3;

	}

	#contingutsalp{
	position: absolute;
	left: 360px; 
	color:#000;
	font-weight: normal;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:565px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}

	#contingutssite{
	position: absolute;
	left: 560px; 
	color:#000;
	font-weight: bold;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:365px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}

	#contingutfam{
	position: absolute;
	left: 580px; 
	color:#000;
	border:0px solid red;
	font-weight: bold;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:340px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}

	#contingutfam2{
	position: absolute;
	left: 580px; 
	color:#000;
	border:0px solid red;
	font-weight: normal;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:340px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}

	#contingutfam3{
	position: absolute;
	left: 430px; 
	color:#000;
	border:0px solid red;
	font-weight: normal;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:480px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}

	#contingutcent{
	position: absolute;
	left: 525px; 
	color:#000;
	border:0px solid red;
	font-weight: bold;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:400px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}

	#contingutlink{
	position: absolute;
	left: 525px; 
	color:#000;
	border:0px solid red;
	font-weight: bold;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:400px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}

	#continguthome{
	position: absolute;
	left: 450px; 
    top: 180px;
	color:#000;
	border:0px solid red;
	font-weight: normal;
	font-size: 1em;
	text-align: justify;
	padding: 0.7em 0em 0em 0em;
	width:420px;
	z-index:3;
	/*clear:both;*/
	}



    #continguthome a{
      color:#000;
 			} 

	.textverdhome{color:#0A7D69;
	font-weight: bold;
	font-size: 1em;
	}

	#contingutcent2{
	position: absolute;
	left: 15px; 
    top: 140px; 
	color:#000;
	border:0px solid red;
	font-weight: normal;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:350px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}

	#contingutcontact{
	position: absolute;
	left: -40px; 
	color:#000;
	border:0px solid red;
	font-weight: normal;
	font-size: 0.75em;
	text-align: left;
	padding: 0.7em 0em 0 0;
	width:565px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}

	#contingutpatronat{
	position: absolute;
	left: 90px; 
	color:#000;
	border:0px solid red;
	font-weight: normal;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:495px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}





	.fecha
	{
		position: absolute;
		width: 100px;
		margin: 0 0 0 -105px;
		text-align: right;
	}

	.fechatext
	{
		background: #0E7E68;
		padding: 0 2px 0 2px;
		color: #FFF;
		font-size: 1em;
	}

    #alpha{
	border:0px solid green;
	font-size: 0.95em;
    text-align: justify;
	font-weight:bold;
    background: #EEEEE9;
	color: #000;
    padding: 0em 0em 0 0;
	z-index:3;
	opacity: 0.65; 
    -moz-opacity: 0.65; /* para viejos navegadores Gecko-based */ 
    filter:alpha(opacity=65); /* para IE6&7 */ 
	}
	
    #alpha p {

        margin: 20px 20px 20px 20px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0.7em 0em 0 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	}

    #alpha4{
	border:0px solid green;
	font-size: 0.95em;
    text-align: justify;
	font-weight:normal;
    background: #EEEEE9;
	color: #000;
    padding: 0em 0em 0 0;
	z-index:3;
	opacity: 0.65; 
    -moz-opacity: 0.65; /* para viejos navegadores Gecko-based */ 
    filter:alpha(opacity=65); /* para IE6&7 */ 
	}
	
    #alpha4 p {

        margin: 20px 20px 20px 20px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0.7em 0em 0 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	}

    #alpha5{
	border:0px solid green;
	font-size: 0.95em;
    text-align: justify;
	font-weight:normal;
    background: #EEEEE9;
	color: #000;
    padding: 0em 0em 0 0;
	z-index:3;
	opacity: 0.65; 
    -moz-opacity: 0.65; /* para viejos navegadores Gecko-based */ 
    filter:alpha(opacity=65); /* para IE6&7 */ 
	}
	
    #alpha5 p {

        margin: 5px 20px 20px 20px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0.7em 0em 0 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	}

    #alpha6{
	border:0px solid green;
	font-size: 1em;
    text-align: justify;
	font-weight:normal;
    background: #EEEEE9;
	color: #000;
    padding: 0em 0em 0 0;
	z-index:3;
	
	}
	
    #alpha6 p {

        margin: 20px 20px 20px 20px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0.7em 0em 0 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	}

 #alpha7{
	border:0px solid green;
	font-size: 0.95em;
    text-align: justify;
	font-weight:normal;
    background: #EEEEE9;
	color: #000;
    padding: 0em 0em 0 0;
	z-index:3;
	opacity: 0.65; 
    -moz-opacity: 0.65; /* para viejos navegadores Gecko-based */ 
    filter:alpha(opacity=65); /* para IE6&7 */ 
	}
	
    #alpha7 p {

        margin: 20px 20px 20px 20px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0.7em 0em 0 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	}

    #mes{
	border:0px solid green;
	font-size: 0.9em;
    text-align:right;
	font-weight:bold;
	color: #fff;
	width:563px;
	}
	
    #mes p {
     	margin: 0px 0 0 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	}

    #mes a{
      color:#fff;
      background: #000;
 			} 
	 
	.idiomainactiu{color:#9C9999;
	font-weight: normal;
	font-size: 1em;
	text-decoration:none; 
	} 

	.idiomaactiu{color:black;
	font-weight: normal;
	font-size: 1em;
	text-decoration:none; 
	} 

	.linkverd{color:#0A7D69;
	font-weight: normal;
	font-size: 1em;
	text-decoration:none; 
	} 
	.linkblanc{color:white;
	font-weight: normal;
	font-size: 1em;
	text-decoration:none; 
	}

.linkserveis{color:black;
	font-weight: normal;
	font-size: 1em;
	text-decoration:none; 
	}

	.extranet{color:#0A7D69;
	font-weight: normal;
	font-size: 1em;
	text-decoration:none; 
	} 

    .oneColLiqCtrHdr #footer {
	position: relative;  
	margin: 0 auto;
      /*width: 920px;*/
      padding: 0px 0px 0px 0px;
      font-size: 0.75em;
	  font-weight:bold;
      text-align:center;
      z-index: 2;
      border:0px solid red;	
      clear:both;
		/* esto funciona */
		/* margin: -30px 0 0 0; */
		top: -30px;
      } 
      
    .oneColLiqCtrHdr #footer a{
      color:#0A7D69;	
 			} 			
 			
    .oneColLiqCtrHdr #footer p {
     	margin: 0px 0px 0px 0px;  /*el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0px 0px 0px 0px; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        z-index:300;
        border:0px solid red;
	}

    .oneColLiqCtrHdr #footer2 {
	position: relative;  
	margin: 0 auto;
      /*width: 920px;*/
      padding: 0px 0px 0px 0px;
      font-size: 0.75em;
	  font-weight:bold;
      text-align:center;
      z-index: 2;
      border:0px solid red;	
      clear:both;
		/* esto funciona */
		/* margin: -30px 0 0 0; */
		top: -10px;
      } 
      
    .oneColLiqCtrHdr #footer2 a{
      color:#0A7D69;	
 			} 			
 			
    .oneColLiqCtrHdr #footer2 p {
     	margin: 0px 0px 0px 0px;  /*el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0px 0px 0px 0px; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        z-index:300;
        border:0px solid red;
	}

    .oneColLiqCtrHdr #footer3 {
	position: relative;  
	margin: 0 auto;
      /*width: 920px;*/
      padding: 0px 0px 0px 0px;
      font-size: 0.75em;
	  font-weight:bold;
      text-align:center;
      z-index: 2;
      border:0px solid red;	
      clear:both;
		/* esto funciona */
		/* margin: -30px 0 0 0; */
		top: -30px;
      } 
      
    .oneColLiqCtrHdr #footer3 a{
      color:#0A7D69;	
 			} 			
 			
    .oneColLiqCtrHdr #footer3 p {
     	margin: 0px 0px 0px 0px;  /*el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0px 0px 0px 0px; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        z-index:300;
        border:0px solid red;
	}

    .oneColLiqCtrHdr #capcalera {
	  margin: 0 auto;
	  width: 920px;
      padding: 0;
      font-size: 0.7em;
	  border:0px solid black;
      clear:both;	
      } 


    .oneColLiqCtrHdr #idiomes {
	  margin: 0 auto;
	  width: 920px;
      padding: 0;
      font-size: 0.7em;
      clear:both;	
      } 

    .oneColLiqCtrHdr #idiomes a{
      color:#000;	
 			} 

   .oneColLiqCtrHdr #idiomes p {
     	margin: 0px 0px 0px 0px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	        } 
    



#logo{ 
	float:left;
	width:178px;
	border:0px solid red;
	}
	
/*#menu{
	padding-top:5px;
	float:left; 
	width:50%;
	
	}	*/
	
#menu{
	float:right;
	align:right;
	padding: 0px 0px 0px 0px;
	margin-right: 0;
	width:657px;
    border:0px solid red;

}

    .oneColLiqCtrHdr #capcaleratit {  
	  margin: 0 auto;
	  width: 920px;
	  text-align:left;
      padding: 0;
	  border:0px solid black;
      clear:both;	
      }

    #esptitol{
	float:left; 
	width: 360px; 
	display:block;
	border:0px solid red;
	}



	#titol{
	float:right; 
	width: 556px; 
	color:#000;
	border:0px solid red;
	font-weight: bold;
	font-size: 1.25em;
	padding: 0em 0em 0em 0em;
	}



	.titolverd{color:#0A7D69;
	font-weight: bold;
	font-size: 1em;
	}
	.titolnegre{color:#000;
	font-weight: bold;
	font-size: 1em;
	}
	.textverd{color:#0A7D69;
	font-weight: bold;
	font-size: 1.2em;
	}

	.textverdn{color:#0A7D69;
	font-weight: bold;
	font-size: 1em;
	}

.textblanc{color:#fff;
	font-weight: bold;
	font-size: 1em;
	}

    .oneColLiqCtrHdr #capcaleracont {
	position: relative;
		z-index: 2;
	  margin: 0 auto;
	  width: 920px;
	  text-align:left;
      padding: 0;
      clear:both;	
      }

    #espcont{
	position: relative;
	float:left; 
	width: 360px; 
	display:block;
	border:0px solid green;
	font-size: 0.7em;
	font-weight:bold;
	color: #fff;
	z-index: 2;
	}
	
   #espcont p {
     	margin: 380px 0px 0px 65px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	        } 
    #espcont a{
      color:#fff;
      background: #0A7D69;
 			} 

  #linkblanc{
      color:#fff;
      background: #0A7D69;
 			}

    #espcont2{
	position: relative;
	float:right; 
	width: 260px; 
	display:block;
	border:0px solid green;
	font-size: 0.7em;
	font-weight:bold;
	color: #fff;
	z-index: 2;
	}
	
   #espcont2 p {
     	margin: 380px 0px 0px 65px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	        } 
    #espcont2 a{
      color:#fff;
      background: #0A7D69;
 			} 

	#continguthist{
	position: absolute;
	left: 90px; 
	color:#000;
	border:0px solid red;
	font-weight: normal;
	font-size: 0.75em;
	text-align: justify;
	padding: 0.7em 0em 0 0;
	width:400px;
	z-index:3;
	padding: 0em 0em 0 0em;
	/*clear:both;*/
	}


    #histcol2{
	position: relative;
	float:right; 
	width: 400px; 
	display:block;
	border:0px solid green;
	font-size: 0.75em;
	font-weight:normal;
    text-align: justify;
	color: #000;
	z-index: 2;
	}
	
   #histcol2 p {
     	margin: 10px 0px 0px 35px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	        } 
    #histcol2 a{
      color:#0A7D69;
 			} 
			
    #histcol5{
	position: relative;
	float:right; 
	width: 400px; 
	display:block;
	border:0px solid green;
	font-size: 0.75em;
	font-weight:normal;
    text-align: justify;
	color: #000;
	z-index: 2;
	}
	
   #histcol5 p {
     	margin: 10px 0px 0px 35px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
        border:0px solid red;
	        } 
    #histcol5 a{
      color:#fff;
      background: #0A7D69;
 			}