/* CSS for  Web Sicetres*/

    html,body {
    	font: 100% Arial, Helvetica, sans-serif;
    	background: #fff;
    	margin: 0; /* 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*/
    	width: 100%;  
    	padding: 0px;
		border:0px solid red;
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		margin-top:0px;
			
    }
	
		    .oneColLiqCtrHdr #capcalera { /* capçalera idiomes */
    	margin: 0 auto;
		border:0px solid black;
    	width: 780px;
		height:50px; 
    	padding: 0px 0px 0px 0px;  
    }
	
		#selidiomes{
	float:right;
	width: 48%; 
	display:block;
	padding-top:30px;
	text-align: right;
	font-size: 0.7em;
	color:#000;
	border:0px solid red;
	}
	
	   .oneColLiqCtrHdr #selidiomes p {
    margin: 5px 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;
		
	}
			
	.oneColLiqCtrHdr #selidiomes a{
      color:#000;	
 			} 
    .oneColLiqCtrHdr #header { /* capçalera logo/desplegable i decor */
    	margin: 0 auto;
    	width: 85%; 
    	padding: 54px 30px 10px 10px;  
    }

    .oneColLiqCtrHdr #mainContent {
   		 margin: 0 auto;
   		 background: #FFFFFF url(../img/fons_home.jpg)  no-repeat;
    	 width: 920px;
    	 height:600px;    	
    }
    .oneColLiqCtrHdr #mainContentnews {
   		 margin: 0 auto;
		 border:0px solid red; 
   		 background: #fff;
    	 width: 920px;
    	 height:600px;    	
    }
	
	    .oneColLiqCtrHdr #mainContentnews2 {
   		 margin: 0 auto;
		 border:0px solid red; 
   		 background: #fff;
		 text-align:justify;
    	 width: 920px;
    	 height:600px;    	
    }
    
     .oneColLiqCtrHdr #mainContenthacemos {
   		 margin: 0 auto;
		 border:0px solid red;
   		 background: #FFFFFF url(../img/fons_quehacemos.jpg)  no-repeat;
		 text-align: justify;
    	 width: 920px;
    	 height:600px;    	
    }
       .oneColLiqCtrHdr #mainContentproducts {
   		 margin: 0 auto;
   		 background: #FFFFFF url(../img/fons_products.jpg)  no-repeat;
		 text-align: justify;
    	 width: 920px;
    	 height:600px;    	
    }
    
         .oneColLiqCtrHdr #mainContentmethodology {
   		 margin: 0 auto;
   		 background: #FFFFFF url(../img/fons_methodology.jpg)  no-repeat;
		 text-align: justify;
    	 width: 920px;
    	 height:600px;    	
    }
    
             .oneColLiqCtrHdr #mainContentcontact {
   		 margin: 0 auto;
   		 background: #FFFFFF url(../img/fons_contact.jpg)  no-repeat;
    	 width: 920px;
    	 height:600px;    	
    }
	
             .oneColLiqCtrHdr #mainContentclientes {
   		 margin: 0 auto;
   		 background: #FFFFFF url(../img/fons_clientes.jpg)  no-repeat;
    	 width: 920px;
    	 height:600px;    	
    }	
                 .oneColLiqCtrHdr #mainContentproyectos {
   		 margin: 0 auto;
   		 background: #FFFFFF;
    	 width: 920px;
    	 height:600px;    	
    }
    
             .oneColLiqCtrHdr #mainContentproyectos a{
   		 color:#000;
   		 text-decoration:none;    	
    }
             .oneColLiqCtrHdr #mainContentproyectos a:hover{
   		 color:#000;
   		 text-decoration:none; 
   		 color:red; 	
    }
    
    .projectes{
    	width:58%;
    	font-weight: normal;
    	font-size:1.1em;
		}
	
	
    .oneColLiqCtrHdr #footer {
      margin: 0 auto;
      width: 920px;
      padding: 0;
      font-size: 0.7em;	
      } 
	  
	.idiomainactiu{color:black;
	font-weight: normal;
	font-size: 1em;
	text-decoration:none; 
	} 
      
    .oneColLiqCtrHdr #footer a{
      color:#000;	
 			} 
	.oneColLiqCtrHdr #footernews2 a{
      color:#000;	
 			} 
	.oneColLiqCtrHdr #footernews3 a{
      color:#000;	
 			} 
		.oneColLiqCtrHdr #footernews4 a{
      color:#000;	
 			} 
			
	.oneColLiqCtrHdr #footernews5 a{
      color:#000;	
 			} 				
 			
    .oneColLiqCtrHdr #footer p {
     	margin: 5px 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 */
    }
	
	   .oneColLiqCtrHdr #footernews2 p {
     	margin: 5px 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 */
    }
	
		   .oneColLiqCtrHdr #footernews3 p {
     	margin: 5px 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 */
    }
	
			   .oneColLiqCtrHdr #footernews4 p {
     	margin: 5px 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 */
    }
	
				   .oneColLiqCtrHdr #footernews5 p {
     	margin: 5px 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 */
    }
    
        .oneColLiqCtrHdr #footernews {
      margin: 0 auto;
      width: 788px;
	  border:0px solid green;
	  height: 300px;
      padding: 115px 0px 0px 0px;
      font-size: 0.7em;	
      
 			} 
			
			   .oneColLiqCtrHdr #footernews2 {
      margin: 0 auto;
      width: 788px;
	  border:0px solid green;
      padding: 5px 0px 0px 0px;
      font-size: 0.7em;	
      
 			}
			
			
	.oneColLiqCtrHdr #footernews3 {
      margin: 0 auto;
      width: 788px;
	  height: 80px;
	  border:0px solid green;
      padding: 75px 0px 0px 0px;
      font-size: 0.7em;	
      
 			}
			
		.oneColLiqCtrHdr #footernews4 {
      margin: 0 auto;
      width: 788px;
	  height: 80px;
	  border:0px solid green;
      padding: 125px 0px 0px 0px;
      font-size: 0.7em;	
      
 			}
			
			.oneColLiqCtrHdr #footernews5 {
      margin: 0 auto;
      width: 788px;
	  height: 80px;
	  border:0px solid green;
      padding: 125px 0px 0px 0px;
      font-size: 0.7em;	
      
 			}
    .oneColLiqCtrHdr #footernews a{
      color:#000;	
 			} 			
 			
    .oneColLiqCtrHdr #footernews p {
     	margin: 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-top: 280px; /* 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 */
    }

#top {
	margin: 0 auto;
	padding: 4.25em 3.18em 0 3.18em;
	
}
#titol{
	float:left; 
	width: 70%; 
	display:block;
	}
	
#menu{
	padding-top:5px;
	float:left; 
	width:50%;
	
	}	
	
#deco{
	float:right;
	width:10%;

}

#como{
	margin: 10px 0 0 0;

}

#que_hacemos{
	margin-top:-130px;
	border:0px solid red;
	padding: 0em 8em 0em 17.5em;  
  float:right;  
}

#contents{
	color:#000;
	font-weight: normal;
	font-size: 0.75em;
	padding: 0em 3.18em 0 5em;
	clear:both;
	}
	
	#contentscontact{
   width: 550px;
   border:0px solid red;  
	color:#fff;
	font-weight: normal;
	font-size: 0.75em;
	padding: 0em 3.18em 0 5em;
	clear:both;
	}
	
#contentshola{
  width: 480px; 
  border:0px solid red; 
	color:#fff;
	font-weight: bold;
	text-align:jusify;
	font-size: 0.7em;
	padding: 15em 3.18em 0 5em;
	clear:both;
	}
#contentsnews{
  width: 800px; 
  border:0px solid red; 
  color:#000;
  font-weight: normal;
  font-size: 0.7em;
  padding: 1em 3.18em 0 5em;
  clear:both;
	}
	
	.red{color:red;
	font-weight: bold;
	font-size: 1.2em;
	}
	
	.news{color:red;
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	}		

#contentscomo{
  width: 480px;  
	color:#000;
	font-weight: bold;
	font-size: 0.7em;
	padding: 0em 2em 0 5em;
	clear:both;
	}
	
#contentsproducts{
	float:left;
  width: 450px;
  border:0px solid red;
	color:#fff;
	font-weight: bold;
	font-size: 0.7em;
	padding: 0em 2em 0 5em;
	clear:both;
	}	
	#flash_meto{
	float:right;
  width: 350px;

	}
	
	
#contentshacemos{
	position:absolute;
	border:0px solid red; 
	top:40em;
	width: 270px;  
	color:#fff;
	font-weight: bold;
	font-size: 0.7em;
	padding: 1em 3.18em 0 5em;
	z-index:2;
	clear:both;
	}	
	
	.primer{color:#545d6c;}
	.segon{color:#82858c;}
	.tercer{color:#fff;}
	
	#contentsclientes{
	color:#000;
	border:0px solid red;
	font-weight: normal;
	font-size: 0.75em;
	padding: 0em 3.18em 0 4.3em;
	clear:both;
	}

		
.caja {
display: none;}

		#equipo{
		width:60%;
		border:0px solid red;
		color:#fff;
		font-size:0.89em;
		}
	.equip{
		padding-bottom: 15px;
		}
	.equip p{
	font-family: Arial;
	margin:0;
	padding:0;

	}
	
	.equip h3{
	font-family: Arial;
	margin:0;
	padding:0;
	font-weight:bold;


	}
	.equip a{
	font-family: Arial;
	margin:0;
	padding:0;
	color:red;
	text-decoration:none;
	font-size:1em;
	}
	
	#dreta{float:right;}
	#esquerra{float:left;}
	
	peu{clear:both;}
    

select{width:200px;}

#novetats{
margin-bottom:10px;
border:1px solid black;
}

.enllac_mail:link {text-decoration : none; font-family :'Arial', Helvetica, sans-serif;  color : #ffffff; font-size:1em;}
.enllac_mail:visited {text-decoration : none; font-family : 'Arial', Helvetica, sans-serif;  color : #ffffff; font-size:1em;}
.enllac_mail:active {text-decoration : none; font-family : 'Arial', Helvetica, sans-serif;  color : #ffffff; font-size:1em;}
.enllac_mail:hover {font:'Arial', Helvetica, sans-serif; color: #ffffff; font-size:1em;}

.enllac_backnews:link {text-decoration : none; font-family:'Arial', Helvetica, sans-serif; underline:no;  color:#ED0000; font-size:1em;}
.enllac_backnews:visited {text-decoration : none; font-family: 'Arial', Helvetica, sans-serif;underline:no;  color:#ED0000; font-size:1em; }
.enllac_backnews:active {text-decoration : none; font-family: 'Arial', Helvetica, sans-serif; underline:no; color:#ED0000; font-size:1em; }
.enllac_backnews:hover {text-decoration : none; font:'Arial', Helvetica, sans-serif;underline:no; color: #ED0000; font-size:1em;}