/* 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:#666;
	line-height:1.5em;
	background:#f5f5f5;		
	}
img{
	border:0;
	}
a:focus { 
    outline: 0;    
    }
hr{
	height:1px;
	border:0;
	background:#333;
	}
#bg{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#fff url(../img/bg_arclinea.png) no-repeat bottom right;		
	}	
ul, li {
	list-style:none;
  	list-style-type: none;      	
	}	
a{ 
	text-decoration:none;
	color:#e31c18;
	}	
a:hover { 
	text-decoration:underline;
	color:#000;
	} 
.over{ color:#fff;}

.nlink a { text-decoration:none;font-weight:bolder;color:#e31c18; font-size:12px;}	
.nlink a:hover { text-decoration:underline;color:#fff;} 	

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

.ocult{ display:none}	

h1{ 
	color:#e31c18;
	font-size:30px;
	margin:20px 0 0 70px;
	}
h2{	
	float:left;
	width:100%;
	color:#000;
	margin:0 0 20px 0px;
	padding:0;
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	}
h2.sub{
	margin-bottom:30px;
	}	
h3{	
	float:left;
	width:100%;
	clear:both;
	color:#666;
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	text-transform:uppercase;	
	font:14px Arial, Helvetica, sans-serif;
	}	
#contactar h3{
	font-size:12px;
	color:#333;
	}
a.h3{
	float:left;
	width:auto;
	color:#666;
	margin:0 10px 20px 0;
	padding:0;
	font-weight:normal;
	text-transform:uppercase;	
	font:12px Arial, Helvetica, sans-serif;
	}
a.h3:hover{
	text-decoration:none;
	}
h4{	
	color: #686868;
	margin:0px 0 10px 0;
	padding:0;
	font-size:16px;
	}
.ts{	
	float:left;
	width:480px;
	background:#000;
	cursor:pointer;
	padding:10px;
	border-top:1px solid #222;	
	border-bottom:1px solid #111;		
	}
#idiomes{
	float:right;
	width:auto;
	margin:65px 0 0 0;
	}	
ul#idioma{
	float:right;
	width:100%;
	margin:0 0 0 5px ;
	padding:0;
	}
ul#idioma li{
	float:left;
	width:auto;
	margin:0;
	padding:0;
	}	
ul#idioma li a{
	float:left;
	width:auto;
	text-align:right;
	margin-left:15px;
	color:#666;
	text-transform:uppercase;
	text-decoration:none;
	font-size:09px;
	}
ul#idioma li a:hover, ul#idioma li a.act{
	color:#e31c18;
	}
#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: #e31c18;
	}
#reportajes h4.sub_act{	
	color: #e31c18;
	}
.ts span{
	float:right;
	width:100px;
	color:#444;
	text-align:right;
	font-size:10px;
	padding:0;
	margin:0;	
	}	
		ul#ecv {
			position:absolute;
			clear:both;
			float:left;
			top:300px;
			width:215px;
			margin:20px 10px 0 0px;
			border:1px solid #ccc;
			-webkit-border-radius: 4px; 
			-moz-border-radius: 4px; 
			border-radius: 4px;
			z-index:100;
			background:#f5f5f5; 
			}		
		ul#ecv:hover {
			-webkit-border-radius: 4px; 
			-moz-border-radius: 4px; 
			border-radius: 4px;
			border:1px solid #c3c3c3;
			-moz-box-shadow: 0 0 5px #ccc;
			-webkit-box-shadow: 0 0 5px #ccc;
			box-shadow: 0 0 5px #ccc;
		
		}
		ul#ecv li {
			float:left;
			width:213px;
			padding:1px;
			display:block;
			}
		ul#ecv li a {
			text-align:left;
			display:block;
			text-decoration:none;
			display:block;
			color:#444;
			margin:0 0 0 0px;
			padding:7px 0 7px 10px;
			font-weight:normal;
			text-transform:uppercase;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			text-shadow: 1px 1px 1px #999;
			filter: dropshadow(color=#999, offx=1, offy=1); 			
			background:#fff url(../admin/img/ad_fletxa.png) no-repeat 190px -28px;
			}
		ul#ecv li a:hover{	
			color:#000;
			background-color:#eee;
			}
		ul#ecv li a.active {
			color:#e31c18; 
			background-color:#e3e3e3; 
			filter: dropshadow(color=#fff offx=1, offy=1); 			
			text-shadow: 1px 1px 1px #fff;	
			}	
		ul#ecv li  ul#sub{
			display:none;
			}			
		ul#ecv li  ul#sub.act{
			display:block;
			}
		ul#ecv li ul#sub li{
			padding:1px 0 0 0;	 
			}
		ul#ecv li ul#sub li a{
			font-size:12px;
			background-image:none;
			text-shadow:none;
			padding-left:25px !important;
			text-transform:none !important;
			font-weight:normal !important;
			-webkit-border-radius: 0px; 
			-moz-border-radius: 0px; 
			border-radius: 0px;						
			}	

			
/*-------------------------------*/
/*   Submenu de la seccio        */
/*-------------------------------*/		

div.esp{
	position:absolute;
	right:25px;
	top:90px;
	width:auto;
	border:1px solid #ccc;
	-moz-border-radius: 4px;
	border-radius: 4px; 	
	background:#fff;
	padding:3px 5px 3px 3px;
	margin:0;
	background: -moz-linear-gradient(bottom, #ffffff 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */		
	}	
div.esp a{
	float:left;
	position:relative;
	width:auto;
	padding-right:30px;
	color:#999;
	text-decoration:none;
	margin:0 0 0 5px;
	background:url(../img/arrow_down.png) right 3px no-repeat; /* old browsers */
	}
div.esp a:hover{
	color:#000;
	}
		
ul.subtitol{	
	position:relative;
	float:left;
	width:auto;
	margin:0;
	padding:0;
	}	
ul.subtitol li{
	float:left;
	width:auto;
	margin:0;
	padding:0 0 15px 0;
	}
ul.subtitol li a{ 
	float:left;
	display:block;
	width:auto;
	color:#666;
	text-align:left;
	margin:0 22px 0px 0;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px;
	font-size:11px;
	text-shadow: 1px 1px 1px #ccc;
	}


ul.subtitol li a:hover{
	color:#000;
	}
ul.subtitol li a.sub_act{
	color:#e31c18;
	text-shadow: 0px 1px 1px #ccc;
	}
#grup_sub{		
	margin-bottom:40px;
	}		
ul.subt{	
	position:relative;
	float:left;
	width:600px;
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius: 0px;
	/*border-top:1px solid #ccc;	
	border-left:1px solid #ccc;		
	border-right:1px solid #ccc;		
	*/
	}	
ul.subt li{
	position:relative;
	float:left;
	margin:0;
	padding-right:1px;
	}
ul.subt li:last-child{
	border-right:0;
	}	
ul.subt li:first-child{
	margin-left:37px;
	}	
ul.subt li a{ 
	float:left;
	position:relative;
	width:150px;
	text-align:center;
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
	margin:0;
	top:1px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
	font-size:10px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius: 0px; 	
	text-shadow: 1px 1px 1px #ccc;
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(bottom, #ffffff 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */	
	}
ul.subt li a:hover{
	color:#000;
	}
ul.subt li a.sub_act{
	color:#e31c18;
	border-bottom:1px solid #fff;
	text-shadow: 1px 1px 1px #e9b1b0;
	filter: dropshadow(color=#e9b1b0, offx=1, offy=1); 		
	}	
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:0;
	padding:0;
	}
label{
	text-align:right;
	width:100px;
	color:#666;
	margin:3px 20px 10px 0;
	}	
input, textarea{
	width:305px;
	font:13px  Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 0 10px 0;
	border:1px solid #ccc;
	padding:4px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;	
	}	
input:focus, textarea:focus{
	border:1px solid #e31c18;
	}	
#reservas input{
	width: 270px;
	}
#textaesp{
	width:590px;
	}
select{
	width:285px;
	font-size:14px;
	background:#000 url(../img/fondo_inici.jpg) no-repeat right top;
	margin:0 0 10px 0;
	border:1px solid #ccc;
	padding:2px;
	}
option{
	padding:0px 6px;
	}
a.boto{
	float:right;
	width:60px;
	height:20px;
	padding:2px 0 0 0;
	margin:0;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	background:#222;
	font-size:12px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	}	
a.boto:hover{	
	background:#e31c18;
	}
.error{	
	color:#990000;
	}
	
/*  estils INICI */		
#wrap_inici {
	margin:50px auto;
	width:1050px;
	}
#wrap_inici p {
	clear:both;
	color:#e31c18;
	text-align:right;
	float:left;
	width:168px;
	}
#inici #entrada{
	position:absolute;	
        top:0;
        bottom:0;
	width:920px;
	margin:0;
	cursor:pointer;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#fff url(../img/bg_inici.png) no-repeat bottom right;		
	}
#inici #entrada a.logo{	
	position:relative;
	left:360px;
	top:50px;
	width:200px;
	}	
#inici #entrada #idiomes{	
	position:absolute;
	width:250px;
	top:120px;
	right:0px; 
	text-align:right;
	margin:0;
	}
#inici #entrada #idiomes a{
	font-size:11px;
	margin:0 14px 0 0;
	color:#e31c18;
	font-weight:bolder;
	text-decoration:none;
	}
#inici #entrada #idiomes a:hover{
	color:#000;
	}	
#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:#e31c18;
	}	
.content{
	width:920px;
	margin:0 auto;
	}
#contingut{
	float:right;
	width:600px;
	background:#fff;
	position:relative;
	margin:10px 0 0 0px;
	padding:25px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;	
	border:1px solid #ccc;
	}	
#contingut h2{
	float:left;			
	}	
#lateral{
	float:left;
	width:220px;
	margin:50px 0 0 0px;
	}
	#social{
		float:left;
		width:218px;
		margin:20px 0 0 0;
		padding:15px 0 0 0;
		
		}		
	#social a{
		float:left;
		width:auto;
		height:28px;	
		line-height:2.3em;
		margin: 0 25px 10px 0px;
		font-weight:bold;
		text-decoration:none;
		color:#999;
		}
	#social a span{
		float:left;
		width:28px;
		height:28px;	
		margin-right:5px;
		}		
	#social a:hover{
		color:#333;
		}	
	#social a span.facebook{
		background:url(../img/facebook.png) 0 0 no-repeat;
		}		
	#social a span.twitter{
		background:url(../img/twitter.png) 0 0 no-repeat;
		}			

	#social_ini{
		position :relative;
		top		 :0;
		right	 :5px;
		text-align:right;
		margin:0;		
		}
	#social_ini a{
		font-size:10px;
		display:inline;
		margin:0 0 10 5px;
		width:AUTO;
		color:#666;
		font-weight:bolder;
		text-decoration:none;
		}
	#social_ini a:hover{
	color:#fff;
	}
	
	#espai_banners{
		z-index:0;
		position:relative;
		float:left;
		width:195px;
		background:#fff;
		padding:10px 10px 0 10px ;
		margin:50px 0 0 00px;
		-webkit-border-radius: 4px; 
		-moz-border-radius: 4px; 
		border-radius: 4px;
		border:1px solid #ccc;		
	}
	.banner{
		float:left;
		border:1px solid #eee;
		margin:0 0 10px 0;
		}			

#capcelera{
	position:relative;
	float:right;
	width:650px;
	margin:10px 0 0 0;
	}		
/* ---- Logo	*/			
		#logo{ 
			float:left;
			margin:0 0 0 10px; 
		}	
		#logo a{
			border:0;
			margin:0;
			float:right;
			text-decoration:none;
			}			
		#logo a:hover{ text-decoration:none; }	
		#logo p{
			clear:both;
			color:#e31c18;
			padding:0;
			text-align:right;
			}
/* ---- Menu Principal	*/	
		ul#menu_principal {
			position:relative;
			clear:both;
			float:left;
			width:100%;
			margin:20px 10px 0 0px;
			}
		ul#menu_principal li {
			float:left;
			width:216px;
			display:block;
			}
		ul#menu_principal li a {
			text-align:left;
			display:block;
			text-decoration:none;
			display:block;
			color:#666;
			margin:0 0 0 0px;
			padding:8px 10px 7px;
			font-weight:bold;
			text-transform:uppercase;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			border:1px solid #f5f5f5;
			-webkit-border-radius: 4px; 
			-moz-border-radius: 4px; 
			border-radius: 4px;
			text-shadow: 1px 1px 2px #fff;
			}
			
		ul#menu_principal li a:hover{
			color:#000;		
			border-bottom:1px solid #c3c3c3;
			border-right:1px solid #c3c3c3;			
			border-top:1px solid #fff;
			border-left:1px solid #fff;			
			background:#f0f0f0;			
			}			
		ul#menu_principal li a.active, 	
		ul#menu_principal li a.active:hover {
			color:#e31c18; 
			border-bottom:1px solid #c3c3c3;
			border-right:1px solid #c3c3c3;			
			border-top:1px solid #fff;
			border-left:1px solid #fff;			
			background:#e0e0e0;
			/*
			background: #F5F5F5;
			background: -moz-linear-gradient(left, #F5F5F5 0%, #DBDBDB 100%, #F5F5F5 99%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F5F5F5), color-stop(100%,#DBDBDB));
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#F5F5F5',GradientType=1 ); 
			*/
			}
	 
		#iconos{
			float:right;
			width:630px;
			margin:80px 0 20px 0;
			}	
		#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:30px 0 0 0;
			padding:0;
			}			

		#qs{
			float:left;
			width:auto;
			margin:0px 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;
			padding-bottom:100px;
			font-size:1.0em;
/*			color:#9c9ca4;	*/
			}
	
		.tqs span{
			float:left; 
			color:#666;
			margin:0 0 20px 0;
			font-weight:bold;
			}			
		*html .textes{ margin:10px 0 0 0;}
		.textes a img{
			line-height:0;
			margin:0;
			padding:0;
			}
		.textes p, .textes p img{
			margin:0;
			padding:0;
			}			
		.textes_report{
			float:left;
			width:600px;
			color:#333;
			margin:0;
			background:#fff;
			/*adding:20px 20px 60px 20px; */
			}
		#proyectos .textes{
			padding-bottom: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:50px 0 0 0;
				background:#000;				
				}
	
			#map{
				margin:0 0 30px 0;
				border:1px solid #d0d0d0;
				}	
			#foto img{			
				margin:0;
				padding:0;
				border:0;
				}
			#pag{
				float:left;
				width:600px;
				margin:5px 0 0 0;
				padding:0;
				border:0;
				}			
			#pag a{
				float:left;
				margin:1px 0 0 0;
				}
			#pag a:hover, #pag .apag{
				color:#e31c18;
				}				
		#submenu{
			float	:left;
			width	:600px;
			background:#fff;
			padding	:30px 0 50px 0;
			margin	:0px;
			}
		*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:#777;
			/*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;
			}	
		ul.contTab{
			float:left;
			width:100%;
			padding:0;
			margin:0;
			}				
		ul.contTab li a{
			float:left;
			width:180px;
			font:12px Arial, Helvetica, sans-serif;
			color:#9c9ca4;
			text-decoration:none;			
			background:#fff url(../img/marcaSub.png) no-repeat 0px 8px;
			padding:5px 0 5px 10px;
			margin-right:10px;
			}
		ul.contTab li a:hover,
		ul.contTab li a.act{
			color:#e31c18;
			background:url(../img/marcaSub.png) no-repeat 0px -28px;
			}	


ul#download{

	}
ul#download li{
	float:left;
	width:100%;
	border-bottom:1px dotted #ccc;
	padding:10px 0 40px 0;
	}
ul#download li:last-child{
	border-bottom:0px dotted #ccc;
	}	
ul#download li a.titol{
	font-weight:bold;
	margin-left:20px;
	}		
ul#download li p{
	float:left;
	width:500px;
	margin-left:20px;
	margin-top:10px;
	}	
ul#download li a.img{
	
	}	
ul#download li a.img img{
	float:left;
	height:90px;
	width:70px;
	border:1px solid #eee;
	}		


	
/* Formulari */
#form{
	float:left;
	width:auto;
	clear:both;
	}				
#formulari{
	float:left;
	width:340px;
	margin:0;
	padding:0;

	}
	
#reservas #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:left;
	width:600px;
	border-top:1px solid #eee;
	padding:15px 0 10px 0;
	margin:57px 0 20px 0;
	text-decoration:none;
	font-size:12px;	
	}
#logos p{
	float:left;
	width:179px;
	height:90px;
	padding:10px;
	margin:0 1px 1px 0;
	text-align:center;
	}
#logos p img{
	width:180px;
	}	
#adre{
	float:right;
	width:230px;
	font-size:12px;
	padding:0;
	margin:0;
	}
#adre p{ 		
	float:right;
	text-align:right;
	width:auto;
	}
#adre a{
	float:right;
	clear:both;
	color:#999;
	text-decoration:none;
	font-size:12px;
	width:120px;
	background:#f5f5f5;
	margin-bottom:2px;
	text-align:right;
	}
#adre a:hover{
	color:#222;
	}	
#adre a span{
	float:right;
	width:18px;
	height:18px;
	margin-left:5px;
	}	
#adre a span.facebook_icon{
		background:url(../img/facebook.gif) 0 0 no-repeat;
		}
#adre a:hover span.facebook_icon{
		background:url(../img/facebook.gif) -18px 0 no-repeat;
		}
#adre a span.twitter_icon{
		background:url(../img/twitter.gif) 0 0 no-repeat;
		}
#adre a:hover span.twitter_icon{
		background:url(../img/twitter.gif) -18px 0 no-repeat;
		}
#msg{
	display:none;
	clear:both;
	float:left;
	width:295px;
	text-align:left;
	font-size:12px;
	padding:10px;
	margin-bottom:10px;
	background:#feffaf;
	border:1px solid #e8e98c;
	color:#ac9f06;	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	}
#cocina_en_nuestro_espacio #msg{
	width:565px;
	}
#espacio #msg{
	clear:both;
	float:left;
	width:570px;
	text-align:left;
	font-size:12px;
	padding:10px;
	background:#e31c18;
	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:100%;
	background:#ddd;
	display:inline; /* IE 6 fix */
	color:#999;
	height:150px;
	border-top:1px solid #ccc;
	font-size:10px;
	margin:50px 0 0 0;
	padding:0 0 20px 0;	
	font-size:12px;
	}
#peu span{
	color:#222;
	}	
#peu p{
	float:left;
	width:auto;
	color:#666;
	text-shadow: 1px 1px 1px #fff;
	margin:10px 0 0 0;
	}	

ul#menupeu{
	float:left;
	width:auto;
	margin:10px 0 0 0;		
	}
ul#menupeu li{	
	margin-bottom:4px;
	}
ul#menupeu li a{
	display:block;
	color:#666;
	text-shadow: 1px 1px 1px #fff;
	}
ul#menupeu li a:hover{
	color:#E31C18;
	text-decoration:none;
	text-shadow: 0px 0px 0px #fff;
	}	

	
		
/*   ---    */


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			:#e31c18;
	text-decoration	:none;
	}		
ul#llista_menus li a:hover{
	color			:#fff;
	}			
#menus_cuiner{
	float			:left;
	width			:580px;
	padding			:10px;
	background		:#eee;
	border:1px solid #ddd;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	margin			:20px 0 0 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		: 500px;
	border		: 1px solid #ccc;
	display		: none;
	z-index		: 10000;
	}
#titol_menu{
	float		: left;
	font-weight : bold;
	width		: 480px;
	background	: #eee;
	padding		: 10px 10px 30px 10px;
	font-size	: 1.4em;	
	margin		: 0;
	color		: #fff;		
	}
#nom_menu{	
	float		:left;
	width		:auto;
	clear		:both;

	color		:#111;
	}	
#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		: 480px;
	background	: #eee; 
	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		: 480px;
	background	: #eee; 
	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;
	}