<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    
   	
    
        
        <title>Café del Gallery | Paseo de Gracia | Restaurant with Terrace in Barcelona</title>
    
        <!-- METATAGS -->
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
        <meta name="robots" content="all" />
        <meta name="revisit-after" content="7 days" />
        <meta http-equiv="expires" content="0" />
        <meta http-equiv="cache-control" content="public" />
        <meta http-equiv="pragma" content="no-cache" /> 
        
        <meta http-equiv="content-language" content="en" />
        <meta name="title" content="Café del Gallery | Paseo de Gracia | Restaurant with Terrace in Barcelona" />
        <meta name="description" content="El Café del Gallery is a restaurant located in the city centre of Barcelona, in particular in the Eixample neighbourhood, only a stone's throw from Paseo de Gracia and Rambla Catalunya Streets, characterized by his agreeable atmosphere, mixed with a contemporaneous and minimalist decoration." />
        <meta name="author" content="Cafe del Gallery" />
        <meta name="date" content="2012-06-06T09:00:00+00:00" />
        <meta name="identifier-url" content="http://www.cafedegallery.com/" />
        <meta name="keywords" lang="en" content="barcelona cafe, passeig de gracia cafe, paseo de gracia cafe, barcelona cafe city center, barcelona cafe city centre, cafe near plaza Cataluña, cafe near plaza Catalunya, cafe hotel deal" />
        
        <meta property="og:title" content="Cafe del Gallery, Barcelona - Cafe in the center Barcelona" /> 
        <meta property="og:description" content="El Café del Gallery is a restaurant located in the city centre of Barcelona, in particular in the Eixample neighbourhood, only a stone's throw from Paseo de Gracia and Rambla Catalunya Streets, characterized by his agreeable atmosphere, mixed with a contemporaneous and minimalist decoration." /> 
   
    
    
    <link rel="stylesheet" type="text/css" href="/includes/css/style.css"/>
    
    <!-- EMPIEZA - CSS PARA IPHONE Y MOVILES-->
	<style type="text/css">
	@media only screen and (max-device-width: 480px) {
	body {-webkit-text-size-adjust: none;}
	}
	</style>
	<!-- ACABA - CSS PARA IPHONE Y MOVILES-->
    
    <link rel="shortcut icon" href="http://www.galleryhotel.com/img/favicon.ico" />
    
    <!-- JQUERY -->
<script type="text/javascript" language="javascript" src="/includes/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" language="javascript" src="/includes/js/jquery-ui-1.8.18.custom.min.js"></script>

<script type="text/javascript">
/* <![CDATA[ */
	$(document).ready(function(){
		$("#newsletterBtn").click(function(){
			$('#newsletterForm').show();
		});
	});
/* ]]> */
</script>


<!-- ACCORDION -->
<script type="text/javascript">
/* <![CDATA[ */
	$(document).ready(function(){
		$( "#accordion" ).accordion();
	});
/* ]]> */
</script>

<!-- BEGIN MENU INDEX JS -->
<script type="text/javascript">
/* <![CDATA[ */
	$(document).ready(function() {
	
		//variables (movimiento + zoom 120%)
		var move = -15;
		var zoom = 1.2;
	
		//start (item little)
		$('.item').hover(function() {
			
			//Set the width and height according to the zoom percentage
			width = $('.item').width() * zoom;
			height = $('.item').height() * zoom;
			
			//Move-zoom image
			//$(this).find('.pic').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
			
			//Display caption
			$(this).find('.caption').stop(false,true).fadeIn(200);
		},
		function() {
			//Reset image
			//$(this).find('.pic').stop(false,true).animate({'width':$('.item').width(), 'height':$('.item').height(), 'top':'0', 'left':'0'}, {duration:100});	
	
			//Hide caption
			$(this).find('.caption').stop(false,true).fadeOut(200);
		});
		
		//start (item big)
		$('.item2').hover(function() {
			
			//Set the width and height according to the zoom percentage
			width = $('.item2').width() * zoom;
			height = $('.item2').height() * zoom;
			
			//Move-zoom image
			//$(this).find('.pic').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
			
			//Display caption
			$(this).find('.caption').stop(false,true).fadeIn(200);
		},
		function() {
			//Reset image
			//$(this).find('.pic').stop(false,true).animate({'width':$('.item2').width(), 'height':$('.item2').height(), 'top':'0', 'left':'0'}, {duration:100});	
	
			//Hide caption
			$(this).find('.caption').stop(false,true).fadeOut(200);
		});
		
		
		
		// NEW VERSION //
		
		//start (item big)
		$('.item_big').hover(function() {

			//Display caption
			$(this).find('.caption_big_bg').stop(false,true).fadeIn(200);
			
		},
		function() {

			//Hide caption
			$(this).find('.caption_big_bg').stop(false,true).fadeOut(200);
			
		});
		
		//start (item little)
		$('.item_little').hover(function() {

			//Display caption
			$(this).find('.caption_little_bg').stop(false,true).fadeIn(200);
			
		},
		function() {

			//Hide caption
			$(this).find('.caption_little_bg').stop(false,true).fadeOut(200);
			
		});
		
		//start (item big)
		$('.item_vertical').hover(function() {

			//Display caption
			$(this).find('.caption_vertical_bg').stop(false,true).fadeIn(200);
			
		},
		function() {

			//Hide caption
			$(this).find('.caption_vertical_bg').stop(false,true).fadeOut(200);
			
		});
		
		//start (item middle)
		$('.item_middle').hover(function() {

			//Display caption
			$(this).find('.caption_middle_bg').stop(false,true).fadeIn(200);
			
		},
		function() {

			//Hide caption
			$(this).find('.caption_middle_bg').stop(false,true).fadeOut(200);
			
		});
	
	});
/* ]]> */
</script>
<!-- FINISH MENU INDEX JS -->


<!-- CYCLE -->
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function() {	
    $('#slideNews').cycle({ 
        fx:     	'scrollUp',
		slideExpr: 	'li',
        speed:   	500, 
        timeout: 	0, 
        pager:  	'#pagerNews', 
		next:   	'#next_new',
        prev:   	'#prev_new'
    }); 
	$('#slidePicts').cycle({ 
        fx:     	'scrollLeft',
		slideExpr: 	'li',
        speed:   	500, 
        timeout: 	0, 
        pager:  	'#pagerPicts', 
		next:   	'#next_pict',
        prev:   	'#prev_pict'
    }); 
});
/* ]]> */
</script>

<!-- SUBMIT FORM -->
<script type="text/javascript">
/* <![CDATA[ */
function SubmitForm(ProcessURL, FormElements, DivResult){
    var QueryString = "";
    for(var i=0;i<(FormElements.length);i++)
    {
        QueryString += FormElements[i].name + "=" + escape(FormElements[i].value) + "&";
    } 
    
    jQuery.post(ProcessURL, QueryString, function(theResponse){
        jQuery(DivResult).html(theResponse);
    }); 
    
    return false;
}
/* ]]> */
</script>
	
<!-- BEGIN COLORBOX -->
<script type="text/javascript">
/* <![CDATA[ */
	$(document).ready(function(){
		$("a[rel='events']").colorbox({transition:"fade", iframe: "true", rel:"nofollow", width:"620px", height:"780px", opacity: "0.75"});
		$("a[rel='contacto']").colorbox({transition:"fade", iframe: "true", rel:"nofollow", width:"950px", height:"500px"});
		$("a[rel='colorbox']").colorbox({transition:"fade", iframe: "true", rel:"nofollow", width:"950px", height:"410px"});
		$("a[rel='galeria']").colorbox({transition:"fade", rel:"galeria", opacity: "0.7"});
	});
/* ]]> */
</script>
<!-- FINISH COLORBOX -->


<script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-30987731-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script>

    
</head>

<body>
	
    


<!-- BEGIN CONTENT -->

<div id="wrapper_home">

	<div class="header">
    	
        	<a href="/en" title="Café del Gallery | Home"><img alt="Café del Gallery" src="/img/elcafedelgallery.png"></a>
        
    </div>
	
	<div id="menu">
		<div class="item">
			<a href="/en/our-food">
                <img src="/img/elcafedelgallery_pic01.jpg" alt="Mediterranean Cuisine" title="Mediterranean Cuisine" width="145" height="145" class="pic"/>
                <div class="caption">
                    Our<br />food<br><img src="/img/elcafedelgallery_flecha.png" alt="El Café del Gallery"/>
                </div>
			</a>
		</div>
		
		<div class="item2">
			<a href="/en/book-your-table">
			<img src="/img/elcafedelgallery_pic02.jpg" alt="Barcelona City center Restaurant" title="Barcelona City center Restaurant" width="295" height="145" class="pic"/>
			<div class="caption">
				Book<br />your table<img src="/img/elcafedelgallery_flecha.png" alt="El Café del Gallery" style="margin-left: 10px;"/>
			</div>
			</a>
		</div>
		
		<div class="clear"></div>
		
		<div class="item2">
			<a href="/en/activities">
			<img src="/img/elcafedelgallery_pic07.jpg" alt="Cocktails Barcelona city center" title="Cocktails Barcelona city center" width="295" height="145" class="pic"/>
			<div class="caption">
				Activities<img src="/img/elcafedelgallery_flecha.png" alt="El Café del Gallery" style="margin-left: 10px;"/>
			</div>
			</a>
		</div>
		
		<div class="item">
			<a href="/en/contact">
			<img src="/img/elcafedelgallery_pic03.jpg" alt="Meeting Bar in Paseo de Gracia" title="Meeting Bar in Paseo de Gracia" width="145" height="145" class="pic"/>
			<div class="caption">
				Contact<br><img src="/img/elcafedelgallery_flecha.png" alt="El Café del Gallery"/>
			</div>
			</a>
		</div>
		
		<div class="clear"></div>
		
		<div class="item">
			<a href="/en/team">
			<img src="/img/elcafedelgallery_pic04.jpg" alt="Café city center" title="Café city center" width="145" height="145" class="pic"/>
			<div class="caption">
				Team<br><img src="/img/elcafedelgallery_flecha.png" alt="El Café del Gallery"/>
			</div>
			</a>
		</div>
		
		<div class="item2">
			<a href="/en/events">
			<img src="/img/elcafedelgallery_pic05.jpg" alt="Open air events in Barcelona" title="Open air events in Barcelona" width="295" height="145" class="pic"/>
			<div class="caption">
				Events<img src="/img/elcafedelgallery_flecha.png" alt="El Café del Gallery" style="margin-left: 10px;"/>
			</div>
			</a>
		</div>
		
		<div class="clear"></div>
		
		<div class="item2">
			<a href="/en/spaces">
			<img src="/img/elcafedelgallery_pic06.jpg" alt="Restaurant with terrace Barcelona" title="Restaurant with terrace Barcelona" width="295" height="145" class="pic"/>
			<div class="caption">
				Spaces <img src="/img/elcafedelgallery_flecha.png" alt="El Café del Gallery" style="margin-left: 10px;"/>
			</div>
			</a>
		</div>
		
		<div class="address">
			<div class="facebook">
			<a href="https://www.facebook.com/galleryhotelbcn" target="_blank"><img src="/img/elcafedelgallery_facebook.png" alt="FACEBOOK -  EL CAFÉ DEL GALLERY" title="FACEBOOK -  EL CAFÉ DEL GALLERY" width="25px"/></a>
			</div>
		
			<p>Rosselló 249<br>08008 Barcelona<br>93 415 88 94<br><a href="/en/contact" style="float:left;"><img src="/img/elcafedelgallery_email.png" alt="EMAIL EL CAFÉ DEL GALLERY" title="info@cafedelgallery.com --> Send us an E-mail!" width="15px"/></a><a href="/en/contact" style="float:left; padding-left:5px">Contact</a></p>
			<!--
			<a href="/ca">CATALÀ</a><br>
			-->
			<br>
            <a href="/">ESPAÑOL</a><br>
            <a href="/en">ENGLISH</a><br>
            <a href="/fr">FRANÇAIS</a>
		</div>
		
		<div class="clear"></div>
	</div>
	
<!-- FINISH CONTENT -->

	<!-- BEGIN FOOTER -->
	<div id="footer">        
		
        	<div class="legal_foot"><a onclick="Javascript: $('#MoreInfo').show();">More information</a></div>
        	<div><a href="http://www.galleryhotel.com" target="_blank" style="color:#FFF;" title="Gallery Hotel Barcelona">Gallery Hotel</a></div> 
			<div id="MoreInfo" style="display:none; clear:both; font-size: 12px; padding: 20px 0;">
            	    
                    <p style="border-top:solid 1px #FFF;"><br />El Café del Gallery is a restaurant located in the city centre of Barcelona, in particular in the Eixample neighbourhood, only a stone's throw from Paseo de Gracia and Rambla Catalunya Streets, characterized by his agreeable atmosphere, mixed with a contemporaneous and minimalist decoration. The terrace of our restaurant in Barcelona (city centre), is in the entrance of the Palau Robert Gardens and it is a perfect space to take a break from the hustle and bustle of the city and enjoy an elaborate menu based in Mediterranean cuisine, as well as our season suggestions included in the daily menu with really attractive prices.<br />
El Café del Gallery, specialised in the Mediterranean cuisine, offers a wide selection of proposals to satisfy all needs, from a fast and elaborate Express menu, to more complete options in the weekly menu or a delicious menu created to share dishes with a great amount of suggestions. There is also a Take Away option with take away breakfasts and lunches which increases the offer of the restaurant.</p>
               
                
            </div>
		
	</div>
	<!-- FINISH FOOTER -->
		
</div>



</body>


</html>