/* 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:#18181b;
	overflow:auto;
	height	:100%;
	}

hr{
	height:1px;
	border:0;
	background:#333;
	}
body#inici{
	background:#000 url(../img/fondo_inici.jpg) no-repeat center 100px;		
	}	
*html body#inici{
	overflow:hidden;
	}
ul, li {
	list-style:none;
  	list-style-type: none;      	
	}	
a:link,	a:visited, a:active { 
	text-decoration:none;
	/*color:#fd010f;*/
	color:#fd010f;
	}	
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:#fd010f; 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:#fd010f; 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: #9c9ca4;
	margin:0px 0 10px 0;
	padding:0;
	}

.ts{	
	float:left;
	width:580px;
	background:#000;
	cursor:pointer;
	padding:10px;
	border-top:1px solid #222;	
	border-bottom:1px solid #111;		
	}
#idiomes{
	position:absolute;
	left:35%;
	margin:5px 0 0 480px;
	width:120px;	
	}	
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: #fd010f;
	}
#reportajes h4.sub_act{	
	color: #fd010f;
	}
.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:#fd010f;
	}
ul#subtitol li a.sub_act:link,
ul#subtitol li a.sub_act:active,
ul#subtitol li a.sub_act:visited{
	color:#fd010f;
/*	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:280px;
	font-size:16px;
	margin:0 0 10px 0;
	border:1px solid #ccc;
	padding:2px;
	}	
#textaesp{
	width:580px;
	}
select{
	width:285px;
	font-size:14px;
	margin:0 0 10px 0;
	border:1px solid #ccc;
	padding:2px;
	}
option{
	padding:0px 6px;
	}
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 */		
#wrap_inici {
	margin:50px auto;
	width:1050px;
	}
#wrap_inici p {
	clear:both;
	color:#fd010f;
	text-align:right;
	float:left;
	width:168px;
	}
#inici #entrada{	
	float:left;
	width:100%;
	cursor:pointer;
	height:600px;
	}
#inici h1{ margin:0; padding:0;}	
#inici h1 a{
	float:left;
	margin:auto 0;
	text-indent:-3000px;
	width:217px;
	height:88px;
	margin:50px 0 0 450px; 
	background:url(../img/logo.gif) no-repeat;
	}	
*html #inici h1{ background:url(../img/portada.gif) no-repeat;}
#inici h1 p{	text-indent:-30000px;}	

#idiomes_ini{
	position:relative;
	top:112px;
	right:0px; 
	text-align:right;
	margin:0;
	}

#idiomes_ini a:link,
#idiomes_ini a:visited,
#idiomes_ini a:active{
	font-size:10px;
	display:inline;
	margin:0 0 10 5px;
	width:AUTO;
	color:#fd010f;
	font-weight:bolder;
	text-decoration:none;
	}
#idiomes_ini a:hover{
	color:#fff;
	}	
	
	

#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:#fd010f;
	}	


	#lateral{
		position:fixed;
		right:70%;
		top:0;
		bottom:0;
		margin:0;
		width:100%;
		height:100%;
		background:#000 url(../img/fondo_inici.jpg) no-repeat right top;
		}
	* html #lateral {
		height	:100%;
		width	:100%;
		position:absolute;
		top		:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
		bottom	:expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
		} 
	#banner{
		position :absolute;
		top		 :190px;
		right	 :5px;
		width	 :195px;
		}			
		
/* ---- Logo	*/			
		#logo{ margin:20px 15px 0 0; }	
		#logo a:link img,
		#logo a:active img,
		#logo a:visited img{
			border:0;
			margin:0;
			float:right;
			}
		#logo a:link,
		#logo a:active,
		#logo a:visited{
			text-decoration:none;
			}			
		#logo a:hover{ text-decoration:none; }	
		#logo p{
			clear:both;
			color:#fd010f;
			padding:0 27px 0 0;
			text-align:right;
			}
/* ---- Menu Principal	*/	
		ul#menu_principal {
			clear:both;
			float:right;
			width:195px;
			margin:40px 20px 0 0;
			}
		*html ul#menu_principal {
			margin:40px 10px 0 0px;
			}			
		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:#fd010f *//*url(../img/fondo_menu.png) no-repeat;			*/
			background:#fd010f;
			}			
		ul#menu_principal li a.active {
/*			color:#c05d40; */
/*			color:#fd010f; */
			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{
		position:absolute;
		left:30%;
		margin:50px 0 0 45px;
		width:600px;
		}	
		#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{
			float:left;
			width:auto;
			margin:20px 0 20px 0;
			}
		.grup_foto{
			float:left; 
			width:149px
			}
		.titol_foto{
			position:relative; 
			top:224px;
			left:0px;
			background:#000;
			filter:alpha(opacity=70);
			-moz-opacity:0.7;
			opacity:0.7;	
			height:30px;												
			}
		.titol_foto p{
			text-align:left; 
			text-transform:uppercase;
			font-size:10px;
			text-indent:20px;
			padding:4px 0;
			background:#000;
			}			
		.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{
			float:left;
			width:auto;
			cursor:pointer;
			margin:0;
			padding:0;
			}	
		.tqs span{
			width:100%;
			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;	
			}
		.textes span{
			float:left; 
			color:#666;
			font-style:oblique;
			margin:0 0 20px 0;
			}			
		*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:#ff6666;
				}				
		#submenu{
			float	:right;
			width	:180px;
			padding	:0px;
			margin	:5px 0 0 10px;
			}
		*html #submenu{ width:165px; margin-left:5px;}
		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;*/
			color:#ff6666;
			/*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:#fd010f;
			background:url(../img/marcaSub.gif) no-repeat 0px -29px;			
			}	
			
/* Formulari */				
#formulari{
	float:left;
	width:310px;
	margin:0;
	padding:0;
	}
	
#espacio #formulari{
	float:left;
	width:600px;
	margin:0;
	padding:0;
	}	

#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:#fd010f; }	
#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:#fd010f;
	color:#fff;	
	}
#cocina_en_nuestro_espacio #msg{
	width:565px;
	}
#espacio #msg{
	clear:both;
	float:left;
	width:570px;
	text-align:left;
	font-size:12px;
	padding:10px;
	background:#fd010f;
	color:#fff;	
	}		
#msg_ok{
	clear:both;
	float:left;
	width:286px;
	text-align:left;
	font-size:12px;
	padding:10px;
	background:#339900;
	color:#fff;	
	}
#cocina_en_nuestro_espacio #msg_ok{
	width:565px;
	}		



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


ul#llista_menus{
	float			:left; 
	width			:600px;
	margin			:0;
	padding			:0;
	}
ul#llista_menus li{
	float			:left; 
	width			:290px;
	margin			:4px 0 ;
	}	
ul#llista_menus li a{
	float			:left;
	width			: 100%;
	display			: block;
	color			:#fd010f;
	text-decoration	:none;
	}		
ul#llista_menus li a:hover{
	color			:#fff;
	}			
#menus_cuiner{
	float			:left;
	width			:580px;
	padding			:10px;
	background		:#1c1c1f;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin			:20px 0 20px 0;
	}
#menus_cuiner span{
	margin:20px 0 0 0;
	}	
	
.consumiciones{
	float:right;
	width:auto;
	padding:5px 0;
	}
	
/*	menu ajax */	

/* pàgina de menús */	

#cont_menus{
	position	: absolute;
	width		: 600px;
	top			: 50px;
	left		: 0;
	border		: 1px solid #ccc;
	display		: none;
	}
#titol_menu{
	float		: left;
	width		: 580px;
	background	: #151515;
	padding		: 10px 10px 30px 10px;
	font-size	: 1.4em;	
	margin		: 0;
	color		: #fff;		
	}
#nom_menu{	
	float		:left;
	width		:auto;
	clear		:both;
	color		:#fd010f;
	}	
#titol_menu em{
	float		: left;
	width		: auto;
	clear		: both;
	font-size	: 10px;
	font-size	: 0.8em;	
	color		: #fff;
	}
#titol_menu span{
	float		: right;
	margin		: -20px 15px 0 0;
        #margin-top 	: 0px;
	width		: auto;
	font-size	: 10px;
	}	
#titol_menu span a{
	position	: absolute;
	background  : url(../img/tancar.png) no-repeat;
	width		: 18px;
	height		: 18px;
	text-indent	:-4000px;
	}		
#ajax_content{
	float		: left;
	width		: 580px;
	background	: #111; 
	overflow	: auto;
	text-align	: center;
	min-height	: 400px;
	color		: #888;
	font-size	: 1.0em;
	padding		: 30px 10px 30px 10px;
	}
#peu_menus{
	float		: left;
	font-style	: oblique; 
	width		: 580px;
/*	background	: #151515;*/
	background	: #111; 

	padding		: 10px;
	margin		: 0;
	color		: #666;		
	}
#ombra_left_top{ position:absolute; top:-20px; left:-20px; width:40px; height:40px; background:url(../img/ombres_panells.png) no-repeat 0 -160px transparent; }	
#ombra_right_top{ position:absolute; top:-20px; right:-20px; width:40px; height:40px; background:url(../img/ombres_panells.png) no-repeat 0 -240px transparent; }		
#ombra_left_bottom{ position:absolute; bottom:-20px; left:-20px; width:40px; height:40px; background:url(../img/ombres_panells.png) no-repeat 0 -200px transparent; }	
#ombra_right_bottom{ position:absolute; bottom:-20px; right:-20px; width:40px; height:40px; background:url(../img/ombres_panells.png) no-repeat 0 -280px transparent; }		
#ombra_top{ position:absolute; top:-20px; left:20px; right:20px; height:20px; background:url(../img/ombres_panells_x.png) repeat-x 0 -60px transparent; }
#ombra_left{position:absolute; bottom:20px; left:-20px; width:20px; top:20px; background:url(../img/ombres_panells_y.png) repeat-y -60px 0 transparent; }
#ombra_right{ position:absolute; bottom:20px; right:-20px; width:20px; top:20px;background:url(../img/ombres_panells_y.png) repeat-y -90px 0 transparent; }
#ombra_bottom{ position:absolute; bottom:-20px; left:20px; right:20px; height:20px; background:url(../img/ombres_panells_x.png) repeat-x 0 -90px transparent; }


#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}
.mask1{
	position:relative;
	width:600px;
	height:300px;
	overflow:hidden;
}

.buttons{padding:5px; float:right;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

#prev1{
	float		:left;
	width		:10px;
	height		:15px;
	margin		:0 10px 0 0;
	cursor		:pointer;
	background	:url(../img/mandos.png) -2px 0px;
	}
#play1{
	float		:left;
	width		:10px;
	height		:15px;
	margin		:0 10px 0 0;	
	cursor		:pointer;	
	background	:url(../img/mandos.png) -30px 0px;
	}
#stop1{
	float		:left;
	width		:10px;
	height		:15px;
	margin		:0 10px 0 0;	
	cursor		:pointer;	
	background	:url(../img/mandos.png) -59px 0px;
	}
#next1{
	float		:left;
	width		:10px;
	height		:15px;
	margin		:0;
	cursor		:pointer;		
	background	:url(../img/mandos.png) -83px 0px;
	}