<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="es"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="es"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="es"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="es"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
	================================================== -->
	<meta charset="utf-8">
	<title>Teatro Monumental, Madrid - Concierto en Familia, 10º aniversario</title>
	<meta name="description" content="Eventcamp 2013 is a simple page HTML template for events and conferences.">
	
	<!-- Mobile Specific Metas
	================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- CSS Files

	* alpha_background.css		- Classes for applying an alpha black or white background
	* grid.css					- Responsive grid system based on "Skeleton" by Dave Gamache (http://www.getskeleton.com/)
	* style.css					- Most of the css is here
	* responsive_custom			- CSS override for responsive layout
	================================================== -->
	<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.8.0/build/cssreset/cssreset-min.css">
	<link rel="stylesheet" href="css/alpha_background.css">
	<link rel="stylesheet" href="css/grid.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive_custom.css">
	
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<!--<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">-->
	
	<!-- Google Web Fonts

	* This template uses 'PT Serif' and 'Open Sans'
	================================================== -->
	<link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>

</head>
<body data-spy="scroll" data-target="#section-topbar">

	<!-- Topbar: fixed + datascroll

	* the attribute data-scrollspy is for automatically updating nav targets based on scroll position
	* scroll the area below the navbar and watch the active class change
	================================================== -->
	<div id="section-topbar">
		<div id="topbar-inner">
			<div class="container">
				<div class="sixteen columns">
					<div class="dropdown">
						<ul id="nav" class="nav">
							<li class="menu-item"><a href="#section-event">Inicio</a></li>
							<!--<li class="menu-item"><a href="#section-invite">Invitación</a></li-->
							<li class="menu-item"><a href="#section-program">Programa</a></li>
							<li class="menu-item"><a href="#section-about">Intérpretes</a></li>>
							<li class="menu-item"><a href="#section-fees">Entradas</a></li>
							<li class="menu-item"><a href="#section-map">Mapa</a></li>
						</ul><!-- // ul#nav -->
					</div><!-- // .dropdown -->

					<div class="clear"></div>
				</div><!-- // .sixteen -->
			</div><!-- // .container -->

			<div class="clear"></div>
		</div><!-- // #topbar-inner -->
	</div><!-- // #section-topbar -->
	


	<!-- Event

	* Event title & date, time, and location
	================================================== -->
	<div id="section-event">
		<div class="container">
			<div class="sixteen columns">
                            <h1>
                                Concierto en Familia<br/>
                                <span>10º Aniversario</span>
                            </h1>
                            <h2>
                                Requiem<br/><span>W. A. Mozart.</span>
                            </h2>
                            <h3>
                                Coros de Óperas,
                            <h3>
                                    
                                <!--    <a href="index.php" title="Inicio"><img src="images/logo_eventcamp.png" alt="Concierto en familia 10º aniversario" /></a></h1>-->
			</div><!-- // .sixteen -->

			<div class="clear"></div>
		</div><!-- // .container -->

		<div id="section-info">
			<div class="container">
				<div class="four columns">
					<h2><br/>Información</h2>
				</div><!-- // .four -->

				<div class="four columns">
					<div id="box-date">
						<h3>Fecha</h3>
						<p>27 de Abril de 2013, sábado</p>
					</div><!-- // #box-date -->
				</div><!-- // .four -->

				<div class="four columns">
					<div id="box-time">
						<h3>Hora</h3>
						<p>20:00h</p>
					</div><!-- // #box-time -->
				</div><!-- // .four -->

				<div class="four columns">
					<div id="box-location">
						<h3><a href="#section-map">Lugar</a></h3>
						<p>Teatro Monumental, Madrid</p>
					</div><!-- // #box-location -->
				</div><!-- // .four -->
				
				<div class="clear"></div>
			</div><!-- // .container -->
		</div><!-- // #section-info -->
	</div><!-- // #section-event -->

        <?php /*

	<!-- Invitation
	================================================== -->
	<div id="section-invite">
		<div class="container">
			<div class="sixteen columns">
				<h2>Invitación</h2>
			</div><!-- // .sixteen -->

			<div class="clear"></div>

			<div class="eight columns">
				<p class="headline">The Trio, known as one of the leading modern jazz revolutionists, are coming to Chicago on March 27th. </p>
			</div><!-- // .eight -->

			<div class="clear"></div>

			<div class="sixteen columns">
				<p>Quisque vel justo ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis rutrum risus quis est faucibus a consequat massa sagittis. Cras bibendum elit id felis dapibus volutpat. Cras gravida neque eget tortor laoreet a vestibulum lectus adipiscing. Ut elementum, velit ac tincidunt scelerisque, urna lorem varius diam, id ornare nunc turpis ac mi. Duis congue, elit non dapibus pellentesque, tortor elit tempor odio, non sollicitudin elit tortor nec felis. In a urna erat. Cras odio nisl, adipiscing auctor mollis nec, lacinia et elit. Ut eu lectus eu nulla lacinia dapibus ut nec diam. Vivamus interdum tellus ut tellus varius ac accumsan nunc porta. Sed semper elit eget ipsum venenatis tempus. Proin euismod gravida quam at bibendum.</p>
			</div><!-- // .eight -->

			<div class="clear"></div>
		</div><!-- // .container -->
	</div><!-- // #section-invite -->


        */
        ?>      

	<!-- Concert Program
	================================================== -->
	<div id="section-program">
		<div class="container">
			<div class="sixteen columns">
				<h2>Programa del concierto</h2>
			</div><!-- // .sixteen -->
			<div class="eight columns">
				<p class="headline">Primera parte</p>
			</div><!-- // .eight -->

			<div class="sixteen columns">
				<div id="box-program">
					<p class="composer">P. Villaroig</p>
					<p class="title">Odisea</p>
                                        <div class="clear"></div>
                                        
					<p class="composer">F. Mendelshon</p>
					<p class="title">Psalmo</p>
					<div class="clear"></div>
                                        
					<p class="composer">L. W. Beethoven</p>
					<p class="title">4º Movimiento Coral 9ª Sinfonia</p>
                                        <div class="clear"></div>
                                        
				</div><!-- // #box-program -->
			</div><!-- // .sixteen -->

			<div class="clear"></div>

			<div class="eight columns">
				<p class="headline">Segunda parte</p>
			</div><!-- // .eight -->

			<div class="sixteen columns">
				<div id="box-program">
                        
					<p class="composer">G. Caccini</p>
					<p class="title">Ave María</p>
                                        <div class="clear"></div>

					<p class="composer">Bizet</p>
					<p class="title">Coro de niños de Carmen</p>
                                        <div class="clear"></div>

					<p class="composer">J. Offenbach</p>
					<p class="title">Barcarolla</p>
                                        <div class="clear"></div>

					<p class="composer">P. Villaroig</p>
					<p class="title">Hodie Christus Natus Est
                                        <br/>
                                        O Magnum Misterium
                                        </p>
                                        <div class="clear"></div>

					<p class="composer">J. F. Händel</p>
					<p class="title">Aleluya</p>
                                        <div class="clear"></div>
				</div><!-- // #box-program -->
			</div><!-- // .sixteen -->

			<div class="clear"></div>
		</div><!-- // .container -->
	</div><!-- // #section-program -->


	<!-- Event Information - About The Trio
	================================================== -->
	<div id="section-about">
		<div class="container">
			<div class="three columns">
				<h2>Intérpretes</h2>
                <p>&nbsp;</p>
			</div><!-- // .three -->
   		    <div class="clear"></div>
                        
			<div class="fourteen columns">
				<div class="item">
					<img src="images/interpretes.jpg" alt="" />
                    <p>&nbsp;</p>
				</div><!-- // .item -->
			</div><!-- // .eight -->

			<div class="clear"></div>

			<div class="five columns">
				<div class="item">
                    <ul>
                    <li><h3>Eva Del Moral &nbsp; <span class="speaker-title">Soprano</span></h3></li>
					<li><h3>Marta Caamaño &nbsp; <span class="speaker-title">Contralto</span></h3></li>
					<li><h3>Ignacio Álvarez Bas &nbsp;<span class="speaker-title">Tenor</span></h3></li>
					<li><h3>Fabio Barrutia &nbsp;<span class="speaker-title">Bajo</span></h3></li>
                    </ul>                    
				</div><!-- // .item -->
			</div><!-- // .eight -->
            
   			<div class="four columns">
				<a href="http://www.matritumcantat.org/" title=""><img src="images/matritum.jpg" alt="Matritum Cantat" height="100px" /></a>
			</div><!-- // .three -->

			<div class="four columns">
				<a href="http://www.upcomillas.es/" title=""><img src="images/comillas.jpg" alt="" /></a>
			</div><!-- // .three -->

			<div class="four columns">
				<a href="http://stmichaelsschool.es/" title=""><img src="images/michaels.jpg" alt="" /></a>
			</div><!-- // .three -->

			<div class="four columns">
				<a href="http://mushi.es/" title=""><img src="images/mushi.jpg" alt="" /></a>
			</div><!-- // .three -->
            
<?php /*
			<div class="four columns">
				<div class="item">
					<img src="images/player3.jpg" alt="" />
					<h3>Marta Caamaño &nbsp; <span class="speaker-title">Contralto</span></h3>
				</div><!-- // .item -->
			</div><!-- // .eight -->

			<div class="four columns">
				<div class="item">
					<img src="images/player2.jpg" alt="" />
					<h3>Ignacio Álvarez Bas &nbsp;<span class="speaker-title">Tenor</span></h3>
				</div><!-- // .item -->
			</div><!-- // .eight -->

			<div class="four columns">
				<div class="item">
					<img src="images/player3.jpg" alt="" />
					<h3>Fabio Barrutia &nbsp;<span class="speaker-title">Bajo</span></h3>
				</div><!-- // .item -->
			</div><!-- // .eight -->

*/?>
			<div class="clear"></div>
		</div><!-- // .container -->
	</div><!-- // #section-about -->


	<!-- Event Information - Fees (Tickets)
	================================================== -->
	<div id="section-fees">
		<div class="container">
			<div class="sixteen columns">
				<h2>Entradas</h2>
				<p class="desc">Reserva tus entradas</p>
			</div><!-- // .sixteen -->

			<div class="clear"></div>

			<div class="eight columns">
				<div class="item entradas">
					<span class="price">entradas.com</span>
					<span class="date">Entradas ya a la venta</span>
					<p>
						Haz la compra de tus entradas en <a target="_blank" href="http://www.entradas.com/entradas/novena-sinfonia-beethoven---concierto-en-familia-evento_1_2_28_76422">ENTRADAS.COM</a><br /><br />
						<a target="_blank" href="http://www.entradas.com/entradas/novena-sinfonia-beethoven---concierto-en-familia-evento_1_2_28_76422" title="Compra tus entradas" class="button">Comprar</a>
					</p>
				</div><!-- // .item -->
			</div><!-- // .eight -->

			<div class="eight columns">
				<div class="item taquilla">
					<span class="price">Taquilla del teatro</span>
					<span class="date">Entradas ya a la venta</span>                                        
					<p>
						Compra tus entradas en la <a target="_blank" href="#section-map">taquilla del teatro</a><br /><br />
						<a href="#section-map" title="Comprar las entradas en taquilla" class="button">Cómo llegar</a>
					</p>
				</div><!-- // .item -->
			</div><!-- // .eight -->

			<div class="clear"></div>
		</div><!-- // .container -->
	</div><!-- // #section-fees -->


	
	<!-- Map
	================================================== -->
	<div id="section-map">

		<div class="container">
			<div class="sixteen columns">
				<div id="box-map">
					<h2>Cómo llegar</h2>
				</div><!-- // .box-map -->
			</div><!-- // .sixteen -->

			<div class="clear"></div>
		</div><!-- // .container -->

                <!-- https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=McCormick+Place,+Chicago,+IL&amp;aq=0&amp;oq=mccormick+place,+chicago&amp;sll=41.921231,-87.715509&amp;sspn=0.01314,0.026522&amp;ie=UTF8&amp;hq=McCormick+Place,+Chicago,+IL&amp;hnear=&amp;radius=15000&amp;t=m&amp;ll=41.851406,-87.61631&amp;spn=0.044753,0.072956&amp;z=18&amp;output=embed -->

		<div id="map-wrap">
			<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=Teatro+Monumental&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=58.206849,135.263672&amp;t=m&amp;ie=UTF8&amp;hq=Teatro+Monumental&amp;cid=14353968132725877547&amp;hnear=&amp;z=18&amp;iwloc=A&amp;output=embed"></iframe>
		</div><!-- // #map-wrap -->
	</div><!-- // #section-map -->

        <?php 
        /*

	<!-- Contact
	================================================== -->
	<div id="section-contact">
		<div class="container">
			<div class="eleven columns">
				<h2>Contacto</h2>
				<p class="desc">Feel free to e-mail us if you have any questions</p>

				<?php 
					// Edit your e-mail and contact form title in incldues/include.emailSender.php
					include_once('includes/include.contactForm.php'); 
				?>
			</div><!-- // .twelve -->

			<div class="five columns">
				<div id="box-contact">
					<h3>Dirección</h3>
					<p class="address">
						<strong class="font-color-white underline-color-primary">John Doe</strong><br />
						Event Camp, Inc.<br />
						110 E John Ave STE305<br />
						Normandy IL 61820 US<br />
						<span class="font-white">(123) 456-7890</span>
					</p>

					<h3>Email</h3>
					<a href="#" class="link-email" title="Email">register@eventcamp.com</a>
				</div><!-- // .box-contact -->

				<a href="#" class="link-pdf"><span>Download</span><br /><span>Brochure</span></a>
			</div><!-- // .four -->

			 <div class="clear"></div>
		</div><!-- // .container -->
	</div><!-- // #section-contact -->

	<!-- Sponsors
	================================================== -->
	<div id="section-sponsors">
		<div class="container">
			<!--div class="four columns">
				<h2>Sponsors</h2>
			</div><!-- // .four -->

			<div class="four columns">
				<a href="http://www.matritumcantat.org/" title=""><img src="images/matritum.jpg" alt="Matritum Cantat" height="100px" /></a>
			</div><!-- // .three -->

			<div class="four columns">
				<a href="http://www.upcomillas.es/" title=""><img src="images/comillas.jpg" alt="" /></a>
			</div><!-- // .three -->

			<div class="four columns">
				<a href="http://mushi.es/" title=""><img src="images/mushi.jpg" alt="" /></a>
			</div><!-- // .three -->

			<div class="four columns">
				<a href="http://stmichaelsschool.es/" title=""><img src="images/michaels.jpg" alt="" /></a>
			</div><!-- // .three -->

			<div class="clear"></div>
		</div><!-- // .container -->
	</div><!-- // #section-sponsors -->

 */
        ?>
       

	<!-- Footer
	================================================== -->
	<div id="section-footer">
		<div class="container">
			<div class="eight columns">
				<p id="copytext">Concierto en Familia, 10º Aniversario.</p>
			</div><!-- // .eight -->

			<div class="eight columns">
                <ul id="social">
					<li><a href="http://www.facebook.com/pages/Matritum-Cantat/336254999823000?id=336254999823000&sk=events" title="" target="new"><img src="images/icons/icon_facebook.png" alt="Facebook" /></a></li>
					<!--li><a href="http://www.twitter.com" title=""><img src="images/icons/icon_twitter.png" alt="Twitter" /></a></li-->
					<li><a href="https://www.youtube.com/user/matritumcantat" title="" target="new"><img src="images/icons/icon_youtube.png" alt="Youtube" /></a></li>
				</ul><!-- // ul#social -->
			</div><!-- // .eight -->

			<div class="clear"></div>
		</div><!-- // .container -->
	</div><!-- // #section-footer -->



	<!-- Javascript files
	================================================== -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	
	<script src="js/selectnav.min.js"></script>
	<script src="js/bootstrap-scrollspy.js"></script>
	<script src="js/jquery.custom.js"></script>

        <script>
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-297093-34', 'conciertoenfamilia.com');
          ga('send', 'pageview');

        </script>        
        
<!-- End Document
================================================== -->
</body>
</html>