/* Reset */
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset{margin:0;padding:0}
a img,:link img,:visited img, fieldset{border:none}


body{
	background: #000 url(../img/top.jpg) no-repeat center top; 
	text-align:center;
	color:white;
	font:.88em/1.2em "Trebuchet MS", verdana, sans-serif;
}

p{
	margin-bottom:10px;
}

.segones p{
	color:#999;
	
}

.hidden,
hr{
	display:none;
}

blockquote{
	quotes: "" "";
	clear:both;
}

	blockquote p,
	.autor-cita{
		font-style:italic;
	}
	
	.autor-cita{
		font-size:.86em !important;
	}

a{
	outline:none;
}

a:link,
a:visited{
	color:white;
	text-decoration:none;
}

a:hover,
a:active{
	color:white;
	text-decoration:underline;
}

em{
	font-style:normal;
	color:white;
}

#wrapper{
	text-align:left;
	min-width:760px;
	max-width:960px;
	padding:0 10px;
	margin:0 auto;
	/*overflow:hidden;*/
}
* html #wrapper{
	height:1%;
}

h1{
	width:500px;
	height:160px;
	text-indent:-9999px;
	margin-top:100px;
	margin-bottom:15px;
	background:url(../img/h1.png) no-repeat;
}
h1.es{
	width:500px;
	height:160px;
	text-indent:-9999px;
	margin-top:100px;
	margin-bottom:15px;
	background:url(../img/h1_ES.png) no-repeat;
}
h1.en{
	width:500px;
	height:160px;
	text-indent:-9999px;
	margin-top:100px;
	margin-bottom:15px;
	background:url(../img/h1_EN.png) no-repeat;
}




h1.segones{
	width:194px;
	height:111px;
	background:url(../img/h1-segones.png) no-repeat;
	margin-top:10px;
	margin-bottom:20px;
	float:right;
}

h2{
	font-size:1.21em;
	color:#ccc;
	margin-bottom:5px;
}

	h2 a:link,
	h2 a:visited{
		color:#ccc;
	}
	
	h2 a:hover,
	h2 a:active{
		color:#fff;
		text-decoration:none;
	}

h3{
	font-size:1em;
	color:white;
	font-weight:normal;
	margin-bottom:3px;
	margin-top:15px;
}


.negreta{
	font-weight:bold;
}








h3#nuclo{
	width:46px;
	height:17px;
	text-indent:-9999px;
	background:url(../img/nuclo.png) no-repeat;
}

	#idiomas{
		margin-top:10px;
		float:left;
		font-size:.71em;
		font-style:italic;
	}
	
		#idiomas li{
			float:left;
			margin-right:10px;
		}
		
		#idiomas li.current{
			color:#AEAEAE;
		}
		
			#idiomas li a{
				display:block;
				float:left;
				color:#AEAEAE;
			}	
	
	#content{
		width:67%;
		float:left;
		padding-right:3%;
	}
	
		#content blockquote p{
			font-size:1.2em;
			color:white;
		}
	
		#img-restaurant{
			width:99%;
		}
	
	#content.segones{
		padding-top:120px;
	}
	
		#carta-vins{
			margin-top:20px;
		}
		
			#menu-restaurant li,
			#carta-vins li{
				padding:5px 0;
				border-bottom:1px solid #4A4A4A;
				margin-bottom:15px;
				width:100%;
				float:left;
			}
			
				#menu-restaurant li p,
				#carta-vins li p{
					color:#999;
				}
			
				#menu-restaurant li .toggle,
				#carta-vins li .toggle,
				#notas-prensa .toggle {
					display:none;
					width:100%;
					float:left;
				}
					
					#carta-vins li .toggle a{
						color:#ccc;
					}
				
					#menu-restaurant li .img-menu{
						width:226px;
						float:left;
						margin-right:20px;
					}
						#menu-restaurant li .img-menu p, img{
							margin-bottom:50px;
							color:#666;
							font-size:.8em;
							line-height:1.1em;
						}
					
					#menu-restaurant li ul{
						margin-left:250px;
					}
					
					#carta-vins li ul{
						margin-left:20px;
						margin-top:10px;
					}
					
					#menu-restaurant li ul.wide{
						margin-left:0;
					}
					
						#menu-restaurant li ul li,
						#carta-vins li ul li{
							border:0;
							padding:0;
							margin-bottom:10px;
						}
						
							#carta-vins li ul li ul{
								margin-top:5px;
							}
								#carta-vins li ul li ul li{
									margin-bottom:0px;
								}
						
							#menu-restaurant li ul li p{
								color:#ccc;
							}
							
				/* bodega detalle */
				h2.bodega{
					float:left;
					padding-bottom:5px;
				}
				a.bodega-tornar{
					float:right;
				}
				h3.bodega{
					padding-top:20px;
					border-top:1px solid #ccc;
				}
				#bodega-detalle{
					margin:0;
					clear:both;
				}
					#bodega-detalle li{
						margin:0;
					}
						#bodega-detalle li h3,
						#bodega-detalle li ul{
							padding-left:20px;
						}
						
						#bodega-detalle li ul{
							color:#ccc;
						}
				
				/* notas premsa */
				
							#notas-prensa h3{
								padding-top:20px;
								border-top: 1px solid #4A4A4A;
								float:left;
								width: 99%;
							}
							#notas-prensa .toggle {
								overflow: hidden;
							}
							#notas-prensa h3 a{ text-decoration:none}	
							
							#notas-prensa h3 a:link,
							#notas-prensa h3 a:visited{
									color:#ccc;
								}
								
							#notas-prensa h3 a:hover,
							#notas-prensa h3 a:active{
									color:#fff;
									text-decoration:none;
								}
							
							#notas-prensa h4 {
							margin-top:1.4em;
							margin-bottom:0.7em;
							color:#999;
							}	
															
							#notas-prensa .pie-nota {
							margin-top:3em;
							}	
				
				.right{
					margin-left:180px;
					margin-top:-15px;
				}
				
				.right-gran{
					margin-left:375px;
					margin-top:0;
				}
				
				.img{
					float:left;
				}
				
				.img-gran{
					margin-bottom:10px;
					width:99%;
				}
				
				.clear{
					clear:left;
					overflow:hidden;
					margin-bottom:25px;
				}
				* html .clear{
					height:1%;
				}
	
	#sidebar{
		width:225px;
		
		/*border:1px solid red;*/
		/*padding-left:1.5%;*/
		float:right;
		position: relative;
	}
		
		#sidebar p{
			font-size:.93em;
			text-align:right;
			color:#ccc;
		}
	
		#menu{
			margin-top:146px;
			width:100%;
			float:right;
			margin-bottom:30px;
		}
		
		.segones #menu{
			margin-top:5px;
		}
		h1.segones a {
			display: block;
			height: 120px;
		}
		
			#menu li{
				float:right;
				margin-bottom:3px;
				width: 100%;
			}
			
				#menu li a{
					display:block;
					float:right;
					text-indent:-9999px;
					height:23px;
				}
			
			
		.img-equip {
		width: 390px;
		}	
			
			
			
			
			
			
				
				
		/*IMATGE DEL MENU CA*/
				#menu li#restaurant a:link,
				#menu li#restaurant a:visited,
				#menu li#restaurant a:hover,
				#menu li#restaurant a:active{
					width:126px;
					background:url(../img/menu_01.png) no-repeat top;
				}
				
				#menu li#restaurant a:hover,
				#menu li#restaurant a:active,
				#menu li#restaurant.current a{
					background-position: bottom;
				}
				
				#menu li#gastronomia a:link,
				#menu li#gastronomia a:visited,
				#menu li#gastronomia a:hover,
				#menu li#gastronomia a:active{
					width:205px;
					background:url(../img/menu_02.png) no-repeat top;
				}
				
				#menu li#gastronomia a:hover,
				#menu li#gastronomia a:active,
				#menu li#gastronomia.current a{
					background-position: bottom;
				}
				
					
				#menu li#chef a:link,
				#menu li#chef a:visited,
				#menu li#chef a:hover,
				#menu li#chef a:active{
					width:59px;
					background:url(../img/menu_chef.png) no-repeat top;
				}
				
				#menu li#chef a:hover,
				#menu li#chef a:active,
				#menu li#chef.current a{
					background-position: bottom;
				}
				
				
				
				#menu li#bodega a:link,
				#menu li#bodega a:visited,
				#menu li#bodega a:hover,
				#menu li#bodega a:active{
					width:80px;
					background:url(../img/menu_celler.png) no-repeat top;
				}
				
				#menu li#bodega a:hover,
				#menu li#bodega a:active,
				#menu li#bodega.current a{
					background-position: bottom;
				}
				
						
				#menu li#info a:link,
				#menu li#info a:visited,
				#menu li#info a:hover,
				#menu li#info a:active{
					width:208px;
					background:url(../img/menu_03.png) no-repeat top;
				}
				
				#menu li#info a:hover,
				#menu li#info a:active,
				#menu li#info.current a{
					background-position: bottom;
				}
				
				#menu li#lloc a:link,
				#menu li#lloc a:visited,
				#menu li#lloc a:hover,
				#menu li#lloc a:active{
					width:143px;
					background:url(../img/menu_04.png) no-repeat top;
				}
				
				#menu li#lloc a:hover,
				#menu li#lloc a:active,
				#menu li#lloc.current a{
					background-position: bottom;
				}
				
				#menu li#premsa a:link,
				#menu li#premsa a:visited,
				#menu li#premsa a:hover,
				#menu li#premsa a:active{
					width:68px;
					background:url(../img/menu_premsa.png) no-repeat top;
				}
		
				#menu li#premsa a:hover,
				#menu li#premsa a:active,
				#menu li#premsa.current a{
					background-position: bottom;
				}
			
				#menu li#registre a:link,
				#menu li#registre a:visited,
				#menu li#registre a:hover,
				#menu li#registre a:active{
					width:91px;
					background:url(../img/menu_registre.png) no-repeat top;
				}
				
				#menu li#registre a:hover,
				#menu li#registre a:active,
				#menu li#registre.current a{
					background-position: bottom;
				}
				#menu li#galeria a:link,
				#menu li#galeria a:visited,
				#menu li#galeria a:hover,
				#menu li#galeria a:active{
					width:62px;
					background:url(../img/menu_galeria.png) no-repeat top;
				}
				
				#menu li#galeria a:hover,
				#menu li#galeria a:active,
				#menu li#galeria.current a{
					background-position: bottom;
				}
	
	/*IMATGE DEL MENU ES*/
				
				#menu li#restaurant_ES a:link,
				#menu li#restaurant_ES a:visited,
				#menu li#restaurant_ES a:hover,
				#menu li#restaurant_ES a:active{
					width:141px;
					background:url(../img/menu_01_ES.png) no-repeat top;
				}
				
				#menu li#restaurant_ES a:hover,
				#menu li#restaurant_ES a:active,
				#menu li#restaurant_ES.current a{
					background-position: bottom;
				}
				
				#menu li#gastronomia_ES a:link,
				#menu li#gastronomia_ES a:visited,
				#menu li#gastronomia_ES a:hover,
				#menu li#gastronomia_ES a:active{
					width:203px;
					background:url(../img/menu_02_ES.png) no-repeat top;
				}
				
				#menu li#gastronomia_ES a:hover,
				#menu li#gastronomia_ES a:active,
				#menu li#gastronomia_ES.current a{
					background-position: bottom;
				}
				
				
				#menu li#chef_ES a:link,
				#menu li#chef_ES a:visited,
				#menu li#chef_ES a:hover,
				#menu li#chef_ES a:active{
					width:77px;
					background:url(../img/menu_chef_ES.png) no-repeat top;
				}
				
				#menu li#chef_ES a:hover,
				#menu li#chef_ES a:active,
				#menu li#chef_ES.current a{
					background-position: bottom;
				}
				
				
				
				#menu li#bodega_ES a:link,
				#menu li#bodega_ES a:visited,
				#menu li#bodega_ES a:hover,
				#menu li#bodega_ES a:active{
					width:90px;
					background:url(../img/menu_celler_ES.png) no-repeat top;
				}
				
				#menu li#bodega_ES a:hover,
				#menu li#bodega_ES a:active,
				#menu li#bodega_ES.current a{
					background-position: bottom;
				}
				
				
				
				#menu li#info_ES a:link,
				#menu li#info_ES a:visited,
				#menu li#info_ES a:hover,
				#menu li#info_ES a:active{
					width:223px;
					background:url(../img/menu_03_ES.png) no-repeat top;
				}
				
				#menu li#info_ES a:hover,
				#menu li#info_ES a:active,
				#menu li#info_ES.current a{
					background-position: bottom;
				}
				
				#menu li#lloc_ES a:link,
				#menu li#lloc_ES a:visited,
				#menu li#lloc_ES a:hover,
				#menu li#lloc_ES a:active{
					width:109px;
					background:url(../img/menu_04_ES.png) no-repeat top;
				}
				
				#menu li#lloc_ES a:hover,
				#menu li#lloc_ES a:active,
				#menu li#lloc_ES.current a{
					background-position: bottom;
				}
				
				
				#menu li#premsa_ES a:link,
				#menu li#premsa_ES a:visited,
				#menu li#premsa_ES a:hover,
				#menu li#premsa_ES a:active{
					width:61px;
					background:url(../img/menu_premsa_ES.png) no-repeat top;
				}
				
				#menu li#premsa_ES a:hover,
				#menu li#premsa_ES a:active,
				#menu li#premsa_ES.current a{
					background-position: bottom;
				}
				
				#menu li#registre_ES a:link,
				#menu li#registre_ES a:visited,
				#menu li#registre_ES a:hover,
				#menu li#registre_ES a:active{
					width:104px;
					background:url(../img/menu_registre_ES.png) no-repeat top;
				}
				
				#menu li#registre_ES a:hover,
				#menu li#registre_ES a:active,
				#menu li#registre_ES.current a{
					background-position: bottom;
				}
				#menu li#galeria_ES a:link,
				#menu li#galeria_ES a:visited,
				#menu li#galeria_ES a:hover,
				#menu li#galeria_ES a:active{
					width:62px;
					background:url(../img/menu_galeria_ES.png) no-repeat top;
				}
				
				#menu li#galeria_ES a:hover,
				#menu li#galeria_ES a:active,
				#menu li#galeria_ES.current a{
					background-position: bottom;
				}
	
	/*IMATGE DEL MENU EN*/
	
				#menu li#restaurant_EN a:link,
				#menu li#restaurant_EN a:visited,
				#menu li#restaurant_EN a:hover,
				#menu li#restaurant_EN a:active{
					width:141px;
					background:url(../img/menu_01_EN.png) no-repeat top;
				}
				
				#menu li#restaurant_EN a:hover,
				#menu li#restaurant_EN a:active,
				#menu li#restaurant_EN.current a{
					background-position: bottom;
				}
				
				#menu li#gastronomia_EN a:link,
				#menu li#gastronomia_EN a:visited,
				#menu li#gastronomia_EN a:hover,
				#menu li#gastronomia_EN a:active{
					width:111px;
					background:url(../img/menu_02_EN.png) no-repeat top;
				}
				
				#menu li#gastronomia_EN a:hover,
				#menu li#gastronomia_EN a:active,
				#menu li#gastronomia_EN.current a{
					background-position: bottom;
				}
				
				
				#menu li#chef_EN a:link,
				#menu li#chef_EN a:visited,
				#menu li#chef_EN a:hover,
				#menu li#chef_EN a:active{
					width:91px;
					background:url(../img/menu_chef_EN.png) no-repeat top;
				}
				
				#menu li#chef_EN a:hover,
				#menu li#chef_EN a:active,
				#menu li#chef_EN.current a{
					background-position: bottom;
				}
				
				
				
				#menu li#bodega_EN a:link,
				#menu li#bodega_EN a:visited,
				#menu li#bodega_EN a:hover,
				#menu li#bodega_EN a:active{
					width:154px;
					background:url(../img/menu_celler_EN.png) no-repeat top;
				}
				
				#menu li#bodega_EN a:hover,
				#menu li#bodega_EN a:active,
				#menu li#bodega_EN.current a{
					background-position: bottom;
				}
				
				
				
				#menu li#info_EN a:link,
				#menu li#info_EN a:visited,
				#menu li#info_EN a:hover,
				#menu li#info_EN a:active{
					width:258px;
					background:url(../img/menu_03_EN.png) no-repeat top;
				}
				
				#menu li#info_EN a:hover,
				#menu li#info_EN a:active,
				#menu li#info_EN.current a{
					background-position: bottom;
				}
				
				#menu li#lloc_EN a:link,
				#menu li#lloc_EN a:visited,
				#menu li#lloc_EN a:hover,
				#menu li#lloc_EN a:active{
					width:168px;
					background:url(../img/menu_04_EN.png) no-repeat top;
				}
				
				#menu li#lloc_EN a:hover,
				#menu li#lloc_EN a:active,
				#menu li#lloc_EN.current a{
					background-position: bottom;
				}
				
				
				#menu li#premsa_EN a:link,
				#menu li#premsa_EN a:visited,
				#menu li#premsa_EN a:hover,
				#menu li#premsa_EN a:active{
					width:51px;
					background:url(../img/menu_premsa_EN.png) no-repeat top;
				}
				
				#menu li#premsa_EN a:hover,
				#menu li#premsa_EN a:active,
				#menu li#premsa_EN.current a{
					background-position: bottom;
				}
				
				#menu li#registre_EN a:link,
				#menu li#registre_EN a:visited,
				#menu li#registre_EN a:hover,
				#menu li#registre_EN a:active{
					width:81px;
					background:url(../img/menu_registre_EN.png) no-repeat top;
				}
				
				#menu li#registre_EN a:hover,
				#menu li#registre_EN a:active,
				#menu li#registre_EN.current a{
					background-position: bottom;
				}
				#menu li#galeria_EN a:link,
				#menu li#galeria_EN a:visited,
				#menu li#galeria_EN a:hover,
				#menu li#galeria_EN a:active{
					width:68px;
					background:url(../img/menu_galeria_EN.png) no-repeat top;
				}
				
				#menu li#galeria_EN a:hover,
				#menu li#galeria_EN a:active,
				#menu li#galeria_EN.current a{
					background-position: bottom;
				}
	
	
	
	
	
	
	
	
	
	#footer{
		clear:both;
		font-size:.79em;
		background:url(../img/bottom.jpg) no-repeat center top;
		overflow:hidden;
	}
	
		#center{
			width:930px;
			padding:0 15px;
			margin:0 auto;
			
		}
	
			#footer ul{
				padding-top:222px;
				float:left;
				height:20px;
				/* esconde el pie legal display: none;*/
			}
	
			#footer li{
				float:left;
				margin-right:10px;
			}
		
				#footer li a{
					display:block;
					float:left;
					color:#fff;
				}

/* Formularis */
form{
	margin:30px 0;
}
form p{
	margin-bottom:15px;
}
label{
	display:block;
	margin-bottom:3px;
}
	label.inline{
		display:inline;
		margin-left:10px;
	}

input{
	font:1em "Trebuchet MS", verdana, sans-serif;
	background-color:#EFEFEF;
}

input.text{
	border:1px solid #ccc;
	padding:1px 2px;
	width:400px;
}

input.any{
	width:50px;
}

input.submit{
	cursor:pointer;
	margin-top:15px;
}

.missatge{
	border:1px solid #333;
	padding:10px 10px 8px;
	margin:20px 0;
}
	.missatge p{
		margin-bottom:2px;
	}

.ok p{
	color:white !important;
}

/*.ko{
	border:1px solid red;
}*/
.ko p{	
	color:#cc0000 !important;
}

/* Galeria de fotos 
--------------------------------------------------------------*/

#galeria-fotos{
	position:relative;
	/*width:637px;*/
	height:300px;
	width:100%;
	background:url(../img/loading.gif) no-repeat 50% 50%;
	margin-top:20px;
	margin-bottom:20px;
}
	#galeria-fotos img{
		width:100%;
	}
	#foto-siguiente{
		display:block;
		position:absolute;
		width:318px;
		height:300px;
		right:0;
		top:0;
		text-indent:-9999px;
		cursor:pointer;
		background:url(../img/next.gif) no-repeat 95% 50%;
	}
	
	#foto-anterior{
		display:block;
		position:absolute;
		width:318px;
		height:300px;
		left:0;
		top:0;
		text-indent:-9999px;
		background:url(../img/prev.gif) no-repeat 5% 50%;
	}

.homeDestacat { display: block; text-indent: -99999px; position: absolute; bottom: -170px; right: 0px; width: 260px; height: 145px; }
.homeDestacat_CA { background: url("../img/destacat_home_CA.png") no-repeat 0px 0px; }
.homeDestacat_EN { background: url("../img/destacat_home_EN.png") no-repeat 0px 0px; }
.homeDestacat_ES { background: url("../img/destacat_home_ES.png") no-repeat 0px 0px; }
.homeDestacat a { display: block; width: 260px; height: 145px; }