@charset "utf-8";
/* CSS Document */

*{ font-size:inherit;}

	/* Helvetica Font 
	---------------------------- */
	@font-face {
		font-family: "HelvL", Helvetica, sans-serif;
		font-weight:normal;
		src: url('HelvL-font.otf');
	}

	/* General 
	---------------------------*/
	html{ font-size:62.5%;	text-align:center; }
	h2{ font-size:1.3em; line-height:1.3em; color:white;}
	h3{ font-size:1.1em; line-height:1.1em; color:rgba(255,255,255,1);}	
	p{
	font-size: 1em;
	color: #FFF;
	}
	.big{
	font-size: 1em;
	line-height:200%;
	color: #FFF;
	font-style:italic;
	}
	.italico{
	font-style:oblique;
	font-size: 0.8em;
	}
	.gray{
	color: rgba(204,204,204,1);
	}
	.bigbold{
	font-size: 1.4em;
	font-weight: bold;
	font-style:oblique;
	word-spacing: -0.5ex;
	color: #FFF;
	}
	a{ text-decoration:none; color:white;}
	a:visited{text-decoration:none; color:white;}	
	
	li { list-style:none;}
	ul { list-style:none;}

	
	/* FULL CONTAINERS
	----------------------------*/					
	#full-container {
		text-align:center;
	}
	#full-container-bg {
		text-align:center;
}

/* LOGO
	----------------------------*/					
	#logo-container { text-align:center;}	
			#block-left a{ color:#eee; font-weight:bold; }
			#block-right a{ color:#eee; font-weight:bold; }
			
			
	/* Missatge emergent portada
	----------------------------*/
	#welcomeMsg
	{
	text-align: center;
	font-family:"HelvL", Helvetica, sans-serif;
	font-size:1.6em;
	line-height:1.5em;
	font-weight:300;
	text-transform: uppercase;
	color:white;
	}

	/* Serveis Sub Menu Bar
	----------------------------*/					

	#proj_data-submenu { color:#FFF;}
	#proj_data-container{ text-align: left;}
		#proj_data-submenu-title h1{ font:1.7em "HelvL", Helvetica, sans-serif; line-height:1.6em; font-weight:500;}
		/*.proj_data-submenu-item-title h2{ font-size:0.95em; line-height:1.8em; font-weight:500; }*/
		.proj_data-submenu-project-content p{ font:1.2em "HelvL", Helvetica, sans-serif; color:#CCCCCC; text-align:justify; }
	
	/* Serveis/Construccio Sub Menu Bar
	----------------------------*/					

	
	#serv_cons-container{ text-align: left;color:#FFF;}
		#serv_cons-submenu-title h1{ font:1.8em "HelvL", Helvetica, sans-serif; line-height:1.6em; font-weight:700;}
		.serv_cons-submenu-item-title h2{ font:1.4em "HelvL", Helvetica, sans-serif; line-height:1.4em; font-weight:700;}
		/*.proj_data-submenu-item-title h2{ font-size:0.95em; line-height:1.8em; font-weight:500; }*/
		.serv_cons-submenu-item-content p{ font:1.2em "HelvL", Helvetica, sans-serif; color:#CCCCCC; text-align:justify; line-height:1.3em;}
	
		

	/* Controls Bar
	----------------------------*/
		#controls { text-align:left; }
			#slidecounter { color:#999; font:1.0em "HelvL", Helvetica, sans-serif; text-shadow:#000 0 -1px 0; line-height:1.4em; }	
				#trademark { color:#FFF; font:200 1em "HelvL", Helvetica, sans-serif; text-shadow:#000 1px 1px 2px; line-height:1.4em;}
				#contactinfo { color:#FFF; font:200 1em "HelvL", Helvetica, sans-serif; text-shadow:#000 1px 1px 2px; line-height:1.4em;}	
					
   .transcription{
	   text-align:justify;
	   }
	   
	   
	#languaje-selection-boxes-container h2{
		color:white; font-size:2.4em;
		}
		
	.newHome{
		font-size:3.6em;
		text-shadow:rgba(0,0,0,0,8)
		}
		
		/* Parrafada
	--------------------------- */
	#parrafada { font: 1.3em "HelvL", Helvetica, sans-serif; color:rgb(240,240,240); text-align:justify;}


	/* Conte
	--------------------------- */
	#conte { font: 1.3em "HelvL", Helvetica, sans-serif; color:rgb(240,240,240); text-shadow: 5px 5px 10px black; text-align:justify; }
	
	
		
	/* Contact info
	----------------------------*/	

		#contact_info {font:1.2em "HelvL", Helvetica, sans-serif; color:#8b8a8a; text-shadow: 2px 2px #000;  line-height:2em;}

		#contact_info a {color:#7b7a7a; text-decoration:none;}
		#contact_info a:hover{ color:#299cce;}

	/* Contact info2
	----------------------------*/	

		#contact_info_manel {font:1.2em "HelvL", Helvetica, sans-serif; color:#8b8a8a; text-shadow: 2px 2px #000;  line-height:2em;}

		#contact_info_manel a {color:#7b7a7a; text-decoration:none;}
		#contact_info_manel a:hover{ color:#299cce;}

	
	#project-name{
		line-height:1.5em;
	}

	#process_name{
		line-height:1.5em;
		}
	#process_name > #slidecaption{
		font-size:1.8em;
	}


	/* Language Selector in Footer 
	--------------------------------*/
	#lang-sel-footer {
		text-decoration:none;
		text-shadow: none;  
		color:white;
		font-size:1.2em;
		line-height:1.7em;
		font-family: "HelvL", Helvetica, sans-serif;
		}
	#lang-sel-footer a{
		text-decoration:none;
		color:white;
		}
	#lang-sel-footer a:hover {text-decoration:none; color:white; font-weight:bold;}
	#lang-sel-footer a:visited {text-decoration:none; color:white;}
	
	
	/* Legal Alert in Footer 
	--------------------------------*/
	#legal {
		text-decoration:none;
		text-shadow: none;  
		color: rgb(180,180,180);
		font-size:1.2em;
		line-height:1.7em;
		font-family: "HelvL", Helvetica, sans-serif;
		}
	#legal a{
		text-decoration:none;
		color:rgb(204,204,204);
		}
	#legal a:hover {text-decoration:none; color:rgb(180,180,180); font-weight:bold;}
	#legal a:visited {text-decoration:none; color:rgb(180,180,180);}
	
	
	#legal_title h1{
		color:#333333;
		font-size:2.1em;
	}
	.legal_subtitle h2{
		color:#333333;
		text-transform: uppercase;
		padding-top:1.5em;
	}

	 #legal_signature p{
		color:#111111;
		font-style:italic; 
		padding-top:2em;
	}
	.legal_text p{
		color:#111111;
		text-align:justify;
		padding-top:0.8em;
	}

	
	
	.nolink{ cursor:default;}
	.nolink a{ cursor:default;}
	.link { cursor:pointer;}
	
	
	
	
	 /* For screens 320px or less (iphone/smartphones) 
 ---------------------------------------- */	
@media screen and (max-width: 480px) {

	

	/* Language Selector in Footer 
	--------------------------------*/
	#lang-sel-footer {
		font-size:1.2em;
		color:black;
		}
	#lang-sel-footer a{
		color:black;
		}
	#lang-sel-footer a:hover {color:black; }
	#lang-sel-footer a:visited {color:black;}
	
	
	/* Legal Alert in Footer 
	--------------------------------*/
	#legal {
		font-size:1.2em;
		color: rgb(70,70,70);
		}
	#legal a{
		color:rgb(70,70,70);
	}	
	#legal a:hover {color:rgb(70,70,70);}
	#legal a:visited {color:rgb(70,70,70);}	
	
	#welcomeMsg
	{
		font-size:1.2em;
		line-height:1.1em;
	}
}





 /* For pages 320px or less (iphone/smartphones) ++
 ---------------------------------------- */	
@media screen and (max-device-width: 480px) {
	
	

	/* Language Selector in Footer 
	--------------------------------*/
	#lang-sel-footer {
		font-size:1.2em;
		color:black;
		}
	#lang-sel-footer a{
		color:black;
		}
	#lang-sel-footer a:hover {color:black; }
	#lang-sel-footer a:visited {color:black;}
	
	
	/* Legal Alert in Footer 
	--------------------------------*/
	#legal {
		font-size:1.2em;
		color: rgb(70,70,70);
		}
	#legal a{
		color:rgb(70,70,70);
	}	
	#legal a:hover {color:rgb(70,70,70);}
	#legal a:visited {color:rgb(70,70,70);}	
	
	#welcomeMsg
	{
		font-size:1.2em;
		line-height:1.1em;
	}
	
}

	
 /* For screens 640px or less  (small laptops and tablets)
 ---------------------------------------- */	
@media screen and (min-width: 481px) and (max-width: 640px ) {
	
	
/* Language Selector in Footer 
	--------------------------------*/
	#lang-sel-footer {
		color:black;
		}
	#lang-sel-footer a{
		color:black;
		}
	#lang-sel-footer a:hover {color:black; }
	#lang-sel-footer a:visited {color:black;}
	
	
	/* Legal Alert in Footer 
	--------------------------------*/
	#legal {		
		color: rgb(70,70,70);
	}
	
	#legal a{
		color:rgb(70,70,70);
	}
	#legal a:hover {color:rgb(70,70,70);}
	#legal a:visited {color:rgb(70,70,70);}
	
	#welcomeMsg
	{
		font-size:1.4em;
		line-height:1.3em;
	}


}



		
 /* For pages 900px or less  (ipad/tablets)
 ---------------------------------------- */	
@media (min-width: 641px ) and (max-width: 960px) {
	
	/* Language Selector in Footer 
	--------------------------------*/
	#lang-sel-footer {
		color:black;
		}
	#lang-sel-footer a{
		color:black;
		}
	#lang-sel-footer a:hover {color:black; }
	#lang-sel-footer a:visited {color:black;}
	
	
	/* Legal Alert in Footer 
	--------------------------------*/
	#legal {		
		color: rgb(70,70,70);
	}
	
	#legal a{
		color:rgb(70,70,70);
	}
	#legal a:hover {color:rgb(70,70,70);}
	#legal a:visited {color:rgb(70,70,70);}
	

}


/* For screens 960px or less  (small laptops and tablets)
 ---------------------------------------- */	
@media (min-width: 961px ) {
	#right-footer {
	}
}