/* CSS Document */
	
* {
	margin:0;
	padding:0;
	}
html, body {
	margin:0;
	padding:0;
	}		
a:focus { 
	-moz-outline: none -moz-mac-focusring; 
	}
body{
	margin:0;
	padding:0;
	font: 12px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";	
	color:#b3b3bb;
	line-height:1.5em;
	background:#1d1d20 url(../img/bg.gif) repeat-y 50% 0;		
	}
hr{
	height:1px;
	border:0;
	background:#333;
	}
body#inici{
	background:#18181b;		
	}	
*html body#inici{
	background:#18181b url(../img/bg3.gif) repeat-x;		
	}
ul, li {
	list-style:none;
  	list-style-type: none;      	
	}	
a:link,	a:visited, a:active { 
	text-decoration:none;
	color:#e65530;
	}	
a:hover { 
	text-decoration:underline;
	color:#fff;
	} 
.over{ color:#fff;}
.nlink a:link, 
.nlink a:visited, 
.nlink a:active { text-decoration:none;font-weight:bolder;color:#e65530; font-size:12px;}	
.nlink a:hover { text-decoration:underline;color:#fff;} 	

#reportajes a.nlink:link, 
#reportajes a.nlink:visited,
#reportajes a.nlink:active { text-decoration:none;font-weight:bolder;color:#e65530; font-size:12px;margin:0 0 10px 20px;}	
#reportajes a.nlink:hover { text-decoration:underline;color:#000;} 	

.ocult{ display:none}	

h1{ 
	color:#f89350;
	font-size:30px;
	margin:20px 0 0 70px;
	}
h2{	
	/*color:#506c7b;*/
	/*color:#c05d40;*/
	width:100%;
	color:#9c9ca4;
	margin:0;
	padding:0;
	font-weight:normal;
	text-transform:lowercase;	
	font:20px Arial, Helvetica, sans-serif;
	}
h3{	
	color:#D4DACD;
	margin:-5px 0 0 0;
	padding:0;
	font-weight:normal;
	text-transform:uppercase;	
	font:25px Arial, Helvetica, sans-serif;
	}	
#contactar h3{
	font-size:12px;
	color:#333;
	}
h4{	
	color:#333;
	margin:25px 0 0 0;
	padding:0;
	font-weight:normal;
	font:12px Arial, Helvetica, sans-serif;
	}
.ts{	
	float:left;
	width:580px;
	background:#000;
	cursor:pointer;
	padding:10px;
	border-top:1px solid #222;	
	border-bottom:1px solid #111;		
	}
#idiomes{
	float:right;
	width:115px;
	margin:3px 0 0 0;
	padding:0;
	}	
ul#idioma{
	float:right;
	width:100%;
	margin:0;
	padding:0;
	}
ul#idioma li{
	float:left;
	width:36px;
	margin:0;
	padding:0;
	}	
ul#idioma li a{
	float:left;
	width:30px;
	text-align:right;
	margin:0 0 0 6px;
	color:#666;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	}
ul#idioma li a:hover,
ul#idioma li a.act{
	color:#fff;
	}



#reportajes h4.sub{
	float:left;
	width:50%;
	color:#999;
	font-weight:normal;
	margin:2px 0 0 0;
	text-transform:lowercase;
	}
#reportajes h4.sub:hover{
	color: #e65530;
	}
#reportajes h4.sub_act{	
	color: #e65530;
	}
.ts span{
	float:right;
	width:100px;
	color:#444;
	text-align:right;
	font-size:10px;
	padding:0;
	margin:0;	
	}	
ul#subtitol{	
	float:left;
	width:600px;
	margin:17px 0 0 0;
	padding:0;
	}
ul#subtitol li{
	float:left;
	width:auto;
	margin:0 30px 0 0;
	padding:0;
	}
ul#subtitol li a:link,
ul#subtitol li a:active,
ul#subtitol li a:visited{ 
	float:left;
	display:block;
	width:auto;
	color:#fff;
	text-align:left;
	margin:0 0 10px 0;
	text-transform:lowercase;
/*	text-align:center;
	padding:10px 20px 10px 20px; */
	font-weight:normal;
/*	text-transform:lowercase;	*/
	text-decoration:none;
	font-size:12px;
/*	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;	
	-khtml-border-top-left-radius: 6px;
	-khtml-border-top-right-radius: 6px;	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;*/			
	}
ul#subtitol li a:hover{
	color:#e65530;
	}
ul#subtitol li a.sub_act:link,
ul#subtitol li a.sub_act:active,
ul#subtitol li a.sub_act:visited{
	color:#e65530;
/*	background:#000;
	border-bottom:0px solid #333;	*/
	}


a.adalt{
	float:right;
	width:auto;
	font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#c0c0c0;
	background:url(../img/Up.png) no-repeat right 0px;
	padding:0 20px 0 0;
	margin:0 0 30px 0;
	}
a.adalt:hover{
	color:#FF9900;	
	}	

fieldset{
	border:0;
	margin:20px 0 0 0;
	padding:0;
	}
label{
	text-align:right;
	width:100px;
	margin:3px 20px 10px 0;
	}	
input, textarea{
	width:300px;
	font-size:16px;
	margin:0 0 10px 0;
	border:1px solid #ccc;
	padding:2px;
	}	
textarea{
	width:600px;
	}
a.boto{
	float:left;
	width:60px;
	height:20px;
	padding:2px 0 0 0;
	margin:0;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background:#222;
	font-size:12px;
	}	
a.boto:hover{	
	background:#111;
	}
.error{	
	color:#990000;
	}
	
	
	
/*  estils INICI */	
#idiomes_ini{
	position:relative;
	top:-50px;
	left:498px;
	width:195px;
	margin:0;
	}
#img_ini{
	position:relative;
	top:0;
	left:0;
	width:700px;
	height:185px;
	background:url(../img/portada.png) no-repeat;
	}	
*html #img_ini{ background:url(../img/portada.gif) no-repeat;}
#img_ini p{	text-indent:-30000px;}
#idiomes_ini a:link,
#idiomes_ini a:visited,
#idiomes_ini a:active{
	font-size:10px;
	display:inline;
	margin:0 0 0 10px;
	width:AUTO;
	color:#e65530;
	font-weight:bolder;
	text-decoration:none;
	}
#idiomes_ini a:hover{
	color:#fff;
	}	
	
	
#logo_ini {
	margin:0;
	float:left;
	height:300px;
	width:100%;
	background:#000 url(../img/bg.gif) repeat-y 0 0;		
	}
*html #logo_ini {
	background:none;

	}
#wrap_inici{
	margin: 172px auto 0 auto; 
	width:700px;
	padding:0;
	}

#wrapportada{
	position:relative;
	z-index:10;
	top:0;
	left:0;
	height:230px;
	width:500px;
	border:1px solid #fff;
	background:#000;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;							
	}
#wrapp_inici{
	z-index:0;
	position:relative;
	top:20px;
	width:263px;
	margin:30px 0 0 0;
	}	
#txt_ini {
	float:right;
	width:255px;
	margin:0p;
	font-size:15px;
	color:#e65530;
	}	



#wrap{
	width:950px;
	margin:0px auto;
	text-align:left;
	}
/*  Capcelera	*/	
	#lateral{
		width:271px;
/*		position:fixed;
		top:90px; */
		float:left; 		
		margin:35px 0 0 0; 
		}	
/* ---- Logo	*/			
		#logo{
			float:left;
			width:100%;
			}	
		#logo a:link img,
		#logo a:active img,
		#logo a:visited img{
			border:0;
			margin:0;
			}
		#logo a:link,
		#logo a:active,
		#logo a:visited{
			text-decoration:none;
			}			
		#logo a:hover{ text-decoration:none; }	
		#logo p{
			color:#e65530;
			text-align:right;
			}
/* ---- Menu Principal	*/	
		ul#menu_principal {
			float:right;
			width:160px;
			margin:40px 0 0 0;
			}
		ul#menu_principal li {
			float:left;
			width:100%;
			padding:1px 0 1px 0;
			display:block;
			}
		ul#menu_principal li:hover{
/*			filter:alpha(opacity=40);
			-moz-opacity:0.4;
			opacity:0.4;*/						
			}			
		ul#menu_principal li a {
			text-align:left;
			display:block;
			text-decoration:none;
			display:block;
			color:#9a9a9a;
			margin:0;
			padding:3px 0 3px 10px;
			font-weight:normal;
			text-transform:lowercase;
			font-size:14px;
			font-family:Arial, Helvetica, sans-serif;
			}
		ul#menu_principal li a:hover{
			color:#fff;		
			background:#e65530 /*url(../img/fondo_menu.png) no-repeat;			*/
			}			
		ul#menu_principal li a.active {
/*			color:#c05d40; */
/*			color:#e65530; */
			color:#fff;
			}
		ul#menu_principal li a.active:hover {
			/*background:url(../img/fondo_menu.png) no-repeat;		*/
			}	
		#iconos{
			float:right;
			width:630px;
			margin:80px 0 20px 0;
			}	
			a#logo_adp{
				float:left;
				width:17px;
				height:45px;
				text-indent:-5000px;
				background:url(../img/logo_adp.png) no-repeat;
				}
			a#logo_adp:hover{
				background:url(../img/logo_adp.png) no-repeat 0 -67px;
				}
			a#logo_dd{
				float:left;
				width:155px;
				height:22px;
				margin:15px 0 0 20px;
				text-indent:-5000px;
				background:url(../img/logo_dd.png) no-repeat;
				}
			a#logo_dd:hover{
				background:url(../img/logo_dd.png) no-repeat 0 -68px;
				}												

	#contingut{
		width:600px;
		float:right;
		margin:36px 0 0 0;
		}
		#contingut h2{
			float:left;			
			}
		#reportaje{
			padding:0;
			border:0;
			}			
		#reportaje a img{
			float:left;
			margin:0 1px 1px 0 ;
			padding:0;
			border:0;
			}
		#gestio{
			float:left;
			width:100%;
			margin:10px 0 0 0;
			}			
		#proyectos #gestio{
			float:left;
			width:380px;
			margin:0; padding:0;
			background:#99FF00;
			}	
		#qs{
			}
		.invisible{
			display:none;
			}
		.atenuar{
			filter:alpha(opacity=10);
			-moz-opacity:0.1;
			opacity:0.1;							
			}	
		.deslogo{
			filter:alpha(opacity=40);
			-moz-opacity:0.4;
			opacity:0.4;			
			}						
		#qs img{
			cursor:pointer;
			}	
		.tqs span{
			font-size:15px;
			color:#fff;
			}
		#imgqs{
			width:600px;
			height:201px;
			margin:0;
			padding:0;			
			background:url(../fitxers/fotos/quienes_somos.jpg) no-repeat;
			}	
		#imgqs .Tips1{
			position:relative;
			top:-5px;
			left:60px;
			}
		#imgqs .Tips2{
			position:relative;
			top:-5px;
			left:50px;
			}	
		#imgqs .Tips3{
			position:relative;
			top:-5px;
			left:30px;
			}
		#imgqs .Tips4{
			position:relative;
			top:-5px;
			left:20px;
			}						
		.textes{
			float:left;
			width:600px;
			margin:0;
			font-size:1.0em;
			color:#9c9ca4;	
			}
		*html .textes{ margin:10px 0 0 0;}
		.textes a img{
			line-height:0;
			margin:0;
			padding:0;
			}
		.textes p img{
			margin:0;
			padding:0;
			}			
/*		.textes p{
			margin:-5px 0 0 0;
			line-height:1.9em;			
			background:#000;
			padding:20px 20px 60px 20px;				
			}*/
		.textes_report{
			float:left;
			width:600px;
			color:#333;
			margin:0;
			background:#fff;
			/*adding:20px 20px 60px 20px; */
			}
		.texteCont a:link, .texteCont a:visited, .texteCont a:active  {
			text-decoration:none;
			font-size:10px;
			color:#fff;
			}
		.textes_report .texteCont{ float:left; width:560px; background:#fff; padding:20px 20px 20px 20px;}			
		.texteCont a:hover{
			text-decoration:underline;
			}			
		.textes img{
			margin:5px 15px 0px 0;
			border:1px solid #9c9ca4;
			padding:4px;						
			border:0px solid #9c9ca4;
			padding:0px;			
			}									
			#texte{
				width:100%;
				padding:0px;
				margin:10px 0 0 0;
				}		
			#foto{			
				width:390px;
				padding:10px;
				margin:0;
				background:#000;				
				}
	
				
			#foto img{
			
				margin:0;
				padding:0;
				border:0;
				}
			#pag{
				margin:0 0 10px 0;
				padding:0;
				border:0;
				}			
			#pag a{
				text-decoration:none;
				font-weight:bolder;
				padding:2px 5px 2px 5px;
				color:#9c9ca4;
				}
			#pag a:hover, #pag .apag{
				color:#c05d40;
				}				
		#submenu{
			float:right;
			width:180px;
			padding:0px;
			margin:5px 0 0 10px;
			}
		h3.tab{
			float:left;
			width: 100%;
			margin:5px 0 0 0;
			font-size:15px;
			font-weight:bolder;
			color:#999;
			/*background:#121212;*/
			padding:4px 0 4px 0px;
			/*border-bottom:1px solid #999;*/
			cursor:pointer;
			}
		h3.tab:hover, h3.tabact{
			color:#c05d40;
			/*border-bottom:1px solid #c05d40;*/
			}			
		h3.tab.ini{
			margin:0;
			}	
		.contTab{
			float:left;
			width:100%;
			}
		.contTab ul{
			float:left;
			width:100%;
			padding:0px;
			margin:0;
			}	
			
		.contTab ul li{
			width:100%;
			display:inline;
			}
		.contTab ul li a:link,
		.contTab ul li a:active,
		.contTab ul li a:visited{
			float:left;
			width:100%;
			font:11px Arial, Helvetica, sans-serif;
			color:#9c9ca4;
			background:url(../img/marcaSub.gif) no-repeat 0px 7px;
			text-decoration:none;
			padding:5px 0 5px 15px;
			}
		.contTab ul li a:hover,
		.contTab ul li a.act{
			color:#e65530;
			background:url(../img/marcaSub.gif) no-repeat 0px -29px;			
			}	
			
/* Formulari */				
#formulari{
	float:left;
	width:310px;
	margin:0;
	padding:0;
	}
#texta{
	width:300px;
	}

#inicio #logos{
	float:right;
	width:100%;
	border-top:0;
	padding:15px 0 10px 0;
	margin:20px 0 20px 0;
	text-decoration:none;
	font-size:12px;	
	}
#inicio #logos p{
	float:left;
	margin:0 15px 10px 0;
	}	
#logos{
	float:right;
	width:230px;
	border-top:1px solid #333;
	padding:15px 0 10px 0;
	margin:20px 0 20px 0;
	text-decoration:none;
	font-size:12px;	
	}
#separa{
	float:left;
	background:#333;
	width:1px;
	margin:33px 0 0 28px;
	height:460px;
	}
#adre{
	float:right;
	width:230px;
	font-size:11px;
	padding:0;
	margin:30px 0 0 0;
	}	
#adre span{ color:#e65530; }	
#adre a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	}
#adre a:hover{	text-decoration:underline;	}
#msg{
	clear:both;
	float:left;
	width:286px;
	text-align:left;
	font-size:12px;
	padding:10px;
	background:#CC0000;
	color:#fff;	
	}	
#msg_ok{
	clear:both;
	float:left;
	width:286px;
	text-align:left;
	font-size:12px;
	padding:10px;
	background:#339900;
	color:#fff;	
	}	



#peu{
	float:left;
	width:559px;
	display:inline; /* IE 6 fix */
	float:left;
	text-align:left;
	color:#999;
	font-size:10px;
	margin:40px 0 0 0;
	padding:0 0 30px 0;	
	}
#peu span{
	color:#444;
	}	
/*   ---    */