%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/malesia/
Upload File :
Create Path :
Current File : /var/www/html/malesia/en.html

<!-- 
If you need help contact info@wide.pt 
thank you for watching.Enjoy life!
Nuno A. Madeira 
----> 



<!DOCTYPE>
<html>

<!-- Mirrored from www.monsaraz360.pt/en.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 10 Oct 2019 15:43:53 GMT -->
<head>

<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-49130012-1', 'monsaraz360.pt');
  ga('send', 'pageview');

</script>

<meta charset="utf-8" />
<title>Monsaraz | Museu Aberto - Visita em 360º | Open Museum - 360º Tour</title>
<meta name="description" content="Monsaraz 360 - Um guia em 360 - A 360 Guide" />
<meta name="keywords" content="Monsaraz, Alentejo, Reguengos de Monsaraz, Tour, Visita Virtual Nuno A. Madeira" />
<meta name="author" content="© 360º Panoramic Photography,UI Design/Development, Concept by Nuno A. Madeira" />
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link href="index.html" />
<meta property='og:title' content='Monsaraz 360'/>
<meta property='og:description' content='Monsaraz | Museu Aberto - Visita em 360º | Open Museum - 360º Tour'/>
<meta property='og:url' content='http://www.monsaraz360.pt/'/>
<meta property='og:site_name' content='Monsaraz 360'/>
<meta property='og:image' content='http://www.monsaraz360.pt/thumb.jpg'/>

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=0.8, minimum-scale=0.8, maximum-scale=0.8, user-scalable=yes"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>



        
<link href='http://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'/>	
<link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Chau+Philomene+One' rel='stylesheet' type='text/css'/>
<link rel="stylesheet" media="screen,projection" href="css/ui.totop.css" />
<link rel="stylesheet" href="css/style_vertical.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="jquery.maximage.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" src="imageflow.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="menucircle/modernizr.custom.79639.js"></script> 
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
<!--[if lte IE 8]><style>.main{display:none;} .support-note .note-ie{display:block;}</style><![endif]-->
<script src="jquery.easing.1.3.js" type="text/javascript"></script>

  <link rel="stylesheet" href="css/liquid-slider.css">



<style type="text/css" media="screen">

p {}	
li{display:block;border:0px;border-width: 0;} 
img{border-style: none;}

#nav {position:relative;width:960px;height:115px;border:0px;border-width: 0;margin-bottom:10px;}
#nav img {cursor: url('d.html'), move;}
#nav ul{ float: left; width: 100%;border:0px;border-width: 0;cursor: url('d.html'), move;}
#nav li,
#nav li a{ float: left; position: relative;border:0px;border-width: 0;cursor: url('d.html'), move;}
#nav li a span { position:absolute;width: 120px; top: 70px; text-align:center;z-index:2; font:12px Verdana, Arial, Helvetica, sans-serif;color:#fff;left: 0;border:0px;border-width: 0;}	
#nav li a img {float:left;-webkit-transition:opacity 0.7s ease-in-out;-moz-transition:opacity 0.7s ease-in-out;-o-transition:opacity 0.7s ease-in-out; transition:opacity 0.7s ease-in-out;}
#nav li a:hover img {opacity:0.6;}

#cycle-loader {height:32px;left:50%;position:absolute;top:50%;width:32px;z-index:999;}			
#maximage {display:none;position:relative !important;}
#arrow_left, #arrow_right {bottom:50%;height:67px;position:absolute;right:70px;width:36px;z-index:1000;}
#arrow_left {left:70px;}
#arrow_left:hover, #arrow_right:hover {bottom:50%;}
#arrow_left:active, #arrow_right:active {bottom:50%;}
			
.in-slide-content { color:#fff;float:right;}
.smaller-text {font-size:30px;}.youtube-video, video {left:0;position:absolute;top:0;}
a{color:#fff;text-decoration:none;border-width: 0; border:0px;}

a:hover{color:#000;border-width: 0;border:0px;}
span.reference{ position:fixed;left:10px;bottom:0px;font-size:13px;font-weight:bold;color:#000;}
span.reference a{color:#fff;text-shadow:1px 1px 1px #000;padding-right:20px;}
span.reference a:hover{color:#ddd;text-decoration:none;}


/*fontes*/
	
    .fonteheadline {
	 font-family: 'Oswald', sans-serif;
	 text-align:center;
	 color:#ffffff;
	 font-weight:normal;	 
	 font-style: normal;
	 font-size:35px;
	 line-height:80px;
     text-shadow:4px 4px 14px #000000;
  }
	
	 .fonteheadlinepeq {
	 font-family: 'opensans', sans-serif;
	 text-align:center;
	 color:#ffffff;
	 font-weight:normal;	 
	 font-style: normal;
	 font-size:15px;
	 line-height:0px;
     text-shadow:4px 4px 14px #000000;
  }

	 .menufonte {
	 font-family: 'Oswald', sans-serif;
	 text-align:center;
	 font-weight:bold;	 
	 font-style: normal;
	 font-size:19px;
	 color: #245D38;

  }
	
	
	.menutxt {
	 font-family: 'Open Sans', sans-serif;
	 text-align:center;
	 font-weight:normal;	 
	 font-style: normal;
	 font-size:13px;
	 color: #000000;

  }
  
  	.textohistoria {
	 font-family: 'Open Sans', sans-serif;
	 text-align:justify;
	 font-weight:normal;	 
	 font-style: normal;
	 font-size:12px;
	 color: #ffffff;


  }

	.menutxtpeq {
	 font-family: 'Open Sans', sans-serif;
	 text-align:left;
	 font-weight:bold;	 
	 font-style: normal;
	 font-size:9px;
	 color: #ffffff;

  }
  
	.menutxtpeq8 {
	 font-family: 'Oswald', sans-serif;
	 text-align:left;
	 font-weight:normal;	 
	 font-style: normal;
	 
	 font-size:8px;
	 color: #ffffff;

  }

      
  }

    .style1 {
		color: #245D38;
	}

    
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; 
    z-index:9999999999999999999999999999999999999999;
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%;     
    top:50%;    
	 z-index:99999999999999999999999999999999999999999;
    background-image:url(wood.png); 
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; }
    
/*360*/

@-ms-viewport { width: device-width; }
		
	html { overflow-y: auto;height: 100%; }
			
	div#container2 { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
	div#tourDIV {
	height:100%;
	position:relative;
	overflow:hidden;
}

	div#panoDIV {
	height:100%;
	position:relative;
	overflow:hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
			}


.menu {
    width: 300px;
    height: 65px;
    right:158px;
	top:-4px;
    color: white;

    position: fixed;
        z-index:99999999999999999999999999999099999999999;

    
}
.light-menu {
    width: 100%;
    height: 75px;
    position: fixed;

 color: white;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#menu-center {
    width: 500px;
color: white;

    height: 75px;
    margin: 0 auto;
}
#menu-center ul {
    margin: 15px 0 0 0;
	height: 75px;
    color: white;

}
#menu-center ul li {
    list-style: none;
    margin: 0 30px 0 0;
    display: inline;
    color: white;

}
.active {
     font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight:bold;	 
    color: #ccccccc;
    text-decoration: none;
    line-height: 50px;
}
a {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
  	 
    color: white;
    text-decoration: none;
    line-height: 50px;
}

a:hover {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
  	 
    color: white;
    text-decoration: none;
    line-height: 50px;
}

</style>




    
		<!--[if !IE]><!-->
		<script type="text/javascript" src="endata/lib/jquery-2.0.3.min.js"></script>
		<!--<![endif]-->
		<!--[if lte IE 8]>
		<script type="text/javascript" src="endata/lib/jquery-1.10.2.min.js"></script>
		<![endif]-->
		<!--[if gt IE 8]>
		<script type="text/javascript" src="endata/lib/jquery-2.0.3.min.js"></script>
		<![endif]-->
		
  
  <link type="text/css" href="endata/lib/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" />
  <script type="text/javascript" src="endata/lib/jquery-ui-1.10.3.custom.min.js"></script>
  <script type="text/javascript" src="endata/lib/jquery.ui.touch-punch.js"></script>
  <script type="text/javascript" src="endata/lib/Kolor/KolorTools.min.js"></script>
  <script type="text/javascript" src="endata/graphics/KolorBootstrap.js"></script>

		<script type="text/javascript">
		function readDeviceOrientation() {
			// window.innerHeight is not supported by IE
			var winH = window.innerHeight ? window.innerHeight : jQuery(window).height();
			var winW = window.innerWidth ? window.innerWidth : jQuery(window).width();
			//force height for iframe usage
			if(!winH || winH == 0){
				winH = '100%';
			}
			// set the height of the document
			jQuery('html').css('height', winH);
			// scroll to top
			window.scrollTo(0,0);
		}
		jQuery( document ).ready(function( jQuery ) {
			if (/(iphone|ipod|ipad|android|iemobile|webos|fennec|blackberry|kindle|series60|playbook|opera\smini|opera\smobi|opera\stablet|symbianos|palmsource|palmos|blazer|windows\sce|windows\sphone|wp7|bolt|doris|dorothy|gobrowser|iris|maemo|minimo|netfront|semc-browser|skyfire|teashark|teleca|uzardweb|avantgo|docomo|kddi|ddipocket|polaris|eudoraweb|opwv|plink|plucker|pie|xiino|benq|playbook|bb|cricket|dell|bb10|nintendo|up.browser|playstation|tear|mib|obigo|midp|mobile|tablet)/.test(navigator.userAgent.toLowerCase())) {
				// add event listener on resize event (for orientation change)
				jQuery(window).resize(function() {
					readDeviceOrientation();
				});
				// initial execution
				readDeviceOrientation();
			}
		});
		</script>

  
</head>
 
<body>

<div style="position: fixed; width: 100px;right:430px; height: 35px; top:12px; z-index: 999999" id="lang">

    <h1 class="menutxtpeq8"><a href="tour.html">AL</h1> 
    
    
    
    </div>


<div class="m1 menu">
    <div id="menu-center">
        <ul>
            <li><a class="active" href="#section1">HOME</a>

            </li>
            <li><a   href="#section2">HISTORY</a>

            </li>
            <li><a href="#section3">LOCATION</a>

            </li>
            <li><a href="#section4">360º TOUR</a>

            </li>
            

        </ul>
    </div>
</div>


<!--
<nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" style="z-index:9999999999999999999999"  id="cbp-spmenu-s3">
<h3></h3>
				
<ul class="nav"/>	
            <li>
            <a href="#section1"><h4>Galeria</h4>Gallery</a>
            </li>
			<li><a href="#section2"><h4>História</h4>History</a></li>
			<li><a href="#section3"><h4>Localização</h4>Location</a></li>
			<li><a href="#section4"><h4>Visita 360º</h4>360º Tour</a></li>
		
			
<div id="fecharmenu" style="position:absolute; left:50%; margin-left:-960px;width: 100px; top:20px;height: 80px; z-index:99999" >
<img alt="" src="images/fecharmenu2.png"  id="fechar"  />
</div>
</nav>



<div id="menuicone" style="position: fixed;left:50%;margin-left:-38px; width: 100px; height: 100px;top:13px; z-index:999999999" >		
		
<div class="iconemenu">
	
			<div class="menuicon" style="cursor:pointer;">
				<section>
				<img src="images/menuver.png"  id="showTop"  />
     
			   </section>
	
			</div>
		</div>


	<script src="js/classie.js"></script>
		<script>
		
		
			var
				menuTop = document.getElementById( 'cbp-spmenu-s3' ),
                showTop = document.getElementById( 'showTop' ),
	            body = document.body;
                
                showTop.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( menuTop, 'cbp-spmenu-open' );
				disableOther( 'showTop' );
		
			};
			
			 fechar.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( menuTop, 'cbp-spmenu-open' );
				disableOther( 'showTop' );
		
			};

			
         </script>



</div> -->

   

<div id="preloader">
    <div id="status">&nbsp;</div>
</div>

<div id="facebookreguengos" style="position: fixed;right:87px;top:285px;width: 40px; height: 39px; z-index: 9999999999" >
<a href="https://pt-pt.facebook.com/ReguengosComVida" target="_blank">
<img src="reguengoscomvidalogo.png" class="auto-style1" alt="Facebook Reguengos com Vida" /></a>
</div>


<div id="darksky" style="position: fixed; right:65px;top:475px;width: 40px; height: 39px; z-index: 9999999999" >
<a href="http://www.darkskyalqueva.com/eng/page/alqueva-dark-sky-reserve" target="_blank">
<img src="darkskylogo.png" class="auto-style1" alt="Facebook Groupo" /></a>
</div>


<div id="fbgroup" style="position: fixed; right:55px;top:375px;width: 40px; height: 39px; z-index: 9999999999" >
<a href="https://www.facebook.com/groups/monsaraz/" target="_blank">
<img src="fbgroup.png" class="auto-style1" alt="Facebook Groupo" /></a>
</div>



<div id="eventos" style="position: fixed; right:46px;top:224px;width: 40px; height: 39px; z-index: 9999999999" >
<a href="http://www.cm-reguengos-monsaraz.pt/pt/conteudos/eventos/" target="_blank">
<img src="eventosen.png" class="auto-style1" alt="Eventos"/></a>
</div>

<div id="guiaturismo" style="position: fixed; right:52px;top:110px;width: 40px; height: 39px; z-index: 9999999999" >
<a href="Flyer_EN.pdf" target="_blank">
<img src="guiaturismo_en.png" class="auto-style1" alt="guiaturismo"/></a>

</div>


<div id="municipio" style="position: fixed; right: 161px;bottom:50px;width: 40px; height: 39px; z-index: 999999" >
<a href="http://www.cm-reguengos-monsaraz.pt/" target="_blank">
<img src="muni.png" class="auto-style1" /></a>
</div>

<div id="turismo" style="position: fixed; right: 311px;bottom:40px;width: 40px; height: 39px; z-index: 999999" >
<a href="http://www.cm-reguengos-monsaraz.pt/pt/conteudos/turismo/" target="_blank">
<img src="turismo.png" class="auto-style1" /></a>
</div>


<div id="logowide" style="position: fixed; right:76px; bottom:24px;width: 40px; height: 39px; z-index: 999999999999999999999999" >
<a href="http://www.wide.pt/" target="_blank">
<img src="wide.png" class="auto-style1">
</div>


 
<!--<a href="" id="arrow_left" style="left: 70px;  bottom: 50%"><img src="arrow_left.png" alt="slideesquerdo" class="style1" /></a> -->
<a href="#" id="arrow_right"style="left: 40px; z-index: 999999999999999999999999; top: 44%"><img src="arrow_right.png" alt="slidedireito" class="style1" /></a>
<img id="cycle-loader" src="ajax-loader.gif" />


<div id="logotipomonsaraz"  class="nav" style="position: fixed;left:0px; width: 150px; top:0px; height: 20px; z-index:9999999999;" >
<ul class="nav"><li><a href="#section1"><img src="images/logomonsaraz.png" /></a></li></ul></div> 
   

<!-- SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL SLIDE INICIAL ----> 


        <div class="section inicio" id="section1">
  		
  		<div  style=" position: absolute; left:50%; Margin-left:-250px;  width:445px; height: 166px; z-index:99;  bottom: 54%;" id="descobremonsaraz">
			<ul class="nav" style="list-style-type:none; display:block;  "/>
<li><a href="#section2"><img src="images/monsarazintro.png"  /></a></li> </ul>
			
			</div>
		
			
<div id="baixo" onclick="$('html, body').animate({scrollTop: $('#section2').offset().top}, 2500,'easeInOutExpo');"  
style=" position: absolute; overflow:hidden; cursor: url('d.html'), move;  width:80%; height: 182px; z-index:9999999999999;  bottom: 0px;" >

			</div>

				

	

			<div id="maximage">
		
		
		   <div><img src="slide/slide.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >
                        
 	       <h1 class="menutxtpeq">© Fotografia Nuno A. Madeira</h1>      
            <h1 class="menutxtpeq">Monsaraz 360</h1> 
            
            
            </div>
            </div>
            </div> 
		
		
	
            
            
            <div><img src="slide/david1.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >
                        
 	       <h1 class="menutxtpeq">© Fotografia David Ramalho </h1>      
            <h1 class="menutxtpeq">Exposição "Monsaraz - Entre o Céu e a Terra"</h1> 
            
            
            </div>
            </div>
            </div> 
            
                   <div><img src="slide/miguelclaro2.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >
                        
 	       <h1 class="menutxtpeq">© Fotografia Miguel Claro </h1>      
            <h1 class="menutxtpeq">Reserva Dark Sky Alqueva</h1> 
            
            
            </div>
            </div>
            </div> 

            
            
						      <div><img src="slide/antonio0.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
           <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >

             <h1 class="menutxtpeq">© Fotografia António Caeiro </h1>      
            <h1 class="menutxtpeq">Exposição "Monsaraz - Entre o Céu e a Terra"</h1> 
 	   

            </div>
            </div>
            </div> 

		   <div><img src="slide/joao3.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >

             <h1 class="menutxtpeq">© Fotografia João Fructuosa </h1>      
            <h1 class="menutxtpeq">Exposição "Monsaraz - Entre o Céu e a Terra"</h1> 
 	   

            </div>
            </div>
            </div> 


			
       <div><img src="slide/antonio1.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
           <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >

             <h1 class="menutxtpeq">© Fotografia António Caeiro </h1>      
            <h1 class="menutxtpeq">Exposição "Monsaraz - Entre o Céu e a Terra"</h1> 
 	   

            </div>
            </div>
            </div> 
            
                        <div><img src="slide/miguelclaro1.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >
                        
 	       <h1 class="menutxtpeq">© Fotografia Miguel Claro </h1>      
            <h1 class="menutxtpeq">Reserva Dark Sky Alqueva</h1> 
            
            
            </div>
            </div>
            </div> 



		       <div><img src="slide/slide4.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
           <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >

  <h1 class="menutxtpeq">© Fotografia Nuno A. Madeira</h1>      
            <h1 class="menutxtpeq">Monsaraz 360</h1> 
 	   

            </div>
            </div>
            </div> 

			
	   <div><img src="slide/joao1.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >

             <h1 class="menutxtpeq">© Fotografia João Fructuosa </h1>      
            <h1 class="menutxtpeq">Exposição "Monsaraz - Entre o Céu e a Terra"</h1> 
 	   

            </div>
            </div>
            </div> 



			   <div><img src="slide/slide2.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >

          <h1 class="menutxtpeq">© Fotografia Nuno A. Madeira </h1>      
            <h1 class="menutxtpeq">Monsaraz 360</h1> 
 	   

            </div>
            </div>
            </div> 
            
              <div><img src="slide/slide3.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >
           <h1 class="menutxtpeq">© Fotografia Nuno A. Madeira </h1>      
            <h1 class="menutxtpeq">Monsaraz 360</h1> 
 	   

            </div>
            </div>
            </div> 		  



			<div><img src="slide/new1.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >

             <h1 class="menutxtpeq">© Fotografia João Fructuosa </h1>      
            <h1 class="menutxtpeq">Exposição "Monsaraz - Entre o Céu e a Terra"</h1> 
 	   

            </div>
            </div>
            </div> 
			
            
   <div><img src="slide/joao2.jpg" alt="" />
			<div class="in-slide-content" style="display:none;">
            <div id="slide2" style="position: absolute; left:30px;  width:310px; height: 56px; z-index:9999999;  bottom: 10px; " >

             <h1 class="menutxtpeq">© Fotografia João Fructuosa </h1>      
            <h1 class="menutxtpeq">Exposição "Monsaraz - Entre o Céu e a Terra"</h1> 
 	   

            </div>
            </div>
            </div> 


		</div> 
		
		
        </div>
        
<!-- HISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIAHISTORIA  ----> 
               
   
        <div class="section historia" id="section2">
        
     
<div id="baixo" onclick="$('html, body').animate({scrollTop: $('#section1').offset().top}, 2500,'easeInOutExpo');"  
style=" position: absolute; overflow:hidden; cursor: url('u.html'), move;  width:100%; height: 112px; z-index:9;  top 0px;" >
</div>

       
<div style="position: relative; left:50%; margin-left:-64px; top:135px;width: 300px; height: 100px; z-index: 1" id="imagemhistoria">

	<img alt="" src="images/historia_en.png" /></div>
	
	
	<div style="position: relative; left:50%; margin-left:-240px; top:120px;width: 600px; height: 300px; z-index: 1" id="textohistoria">
	
	
	<div class="textoslider">
 <div class="liquid-slider"  id="main-slider">
 <div>
      <h2 class="title"  style="display:none">EN</h2>
	  
<p> Rrethi i Malësisë së Madhe është njëri nga 36-të rrethet e Shqipërisë. Rrethi bën pjesë në Qarkun e Shkodrës. Rrethi i Malësisë së Madhe ka 37,000 banorë (sipas 2004), një sipërfaqe prej 897 km² dhe kryeqendër Koplikun. </p>

<p>Malësia e Madhe është krahinë e trojeve shqiptare e cila shtrihet në lindje të Podgoricës dhe përbri Liqenit të Shkodrës e deri në Kosovë.</p>

<p>Malësia e Madhe ndahet në tri zona: zona bjeshkore, zona malore dhe zona fushore. Zonat bjeshkore janë: Triepshi, Korita e Hotit, Kelmendi dhe disa zona të Shkrelit. Zonat malore janë: Koja, Fudnat, një pjesë e Grudës, pjesa e madhe e Hotit, një pjesë e Kastratit dhe e Shkrelit. Zonat fushore janë: Kopliku, Gruemira, Buz-Uji, një pjesë e Kastratit dhe e Hotit, si dhe Gruda, e cila ka më së shumti fushë: Fusha e Cemit, Dheu i Zi, Fusha e Vllanës, Fusha e Vranës, Fusha e Tuzit, Fusha e Mileshës dhe Fusha e Dinoshës.</p>

<p>Vetë ky pozicion gjeografik krijon një ansambël të mahnitshëm përsa i përket fushës së Turizmit që për nga llojet mund të jetë unikal në vendin tonë e në rajon. Malësia e Madhe të jep mundësinë për 12 muajt e vitit të zhvillohen të gjitha llojet e turizmit duke filluar me :</p>
<p>
<ol>
<li> 1. Turizmi Ujor: ku vend të veçantë zë Liqeni i Shkodrës me një shtrirje gjatësie prej rreth 30 km nga Vraka-Gril (Komuna Gruemirë) e deri në Han të Hotit (Komuna Kastrat) si dhe Lumi Cem me një gjatësi prej rreth 31 km e që përshkon Komunën Kelmend. </li>

<li> 2. Turizmi i Gjelbërt e i Bardhë: e që përbën turizmin më atraktiv ku pikat turistike më të njohura janë Razma, Boga, Zona e Recit në Komunën e Shkrelit, Lepusha, Vermoshi, Selca etj në Komunën Kelmend.</li>

<li> 3. Turizmi historiko-kulturor: ky turizëm zë një vend të rendësishëm në gjithë hapësiren turistike të N/Prefektures Malësi e Madhe për vetë historinë e kulturën e trashëguar brez pas brezi nga kjo trevë.</li>

<li> 4. Turizmi sportiv: vetë pozicioni dhe resurset e mëdha natyrore që ka e gjithë N/Prefektura Malësi e Madhe të jep mundësi të mëdha për zhvillimin e shumë sporteve si ato ujore (noti, lojrat me top në ujë, udhetimi me varka, gjuetia e peshkut dhe e shpendëve të ndryshme) në Liqenin e Shkodrës, kanotazhi në Lumin Cem, hiking.</li>

<li> 5.Turizmi gjeo-arkeologjik: Vizitorët vendas e të huaj mund të eksplorojnë shpella të ndryshme në gjithë Malesine e Madhe të cilat u ofrojnë edhe të dhëna jetësore të popullimit mijëravjeçar. Shpellat më të njohura janë në Kelmend, Shkrel, Kastrat e Gruemirë.</li>
</ol>
</p>

    </div>
    <div>
      <h2 class="title"  style="display:none">AL</h2>
	  
<p> Rrethi i Malësisë së Madhe është njëri nga 36-të rrethet e Shqipërisë. Rrethi bën pjesë në Qarkun e Shkodrës. Rrethi i Malësisë së Madhe ka 37,000 banorë (sipas 2004), një sipërfaqe prej 897 km² dhe kryeqendër Koplikun. </p>

<p>Malësia e Madhe është krahinë e trojeve shqiptare e cila shtrihet në lindje të Podgoricës dhe përbri Liqenit të Shkodrës e deri në Kosovë.</p>

<p>Malësia e Madhe ndahet në tri zona: zona bjeshkore, zona malore dhe zona fushore. Zonat bjeshkore janë: Triepshi, Korita e Hotit, Kelmendi dhe disa zona të Shkrelit. Zonat malore janë: Koja, Fudnat, një pjesë e Grudës, pjesa e madhe e Hotit, një pjesë e Kastratit dhe e Shkrelit. Zonat fushore janë: Kopliku, Gruemira, Buz-Uji, një pjesë e Kastratit dhe e Hotit, si dhe Gruda, e cila ka më së shumti fushë: Fusha e Cemit, Dheu i Zi, Fusha e Vllanës, Fusha e Vranës, Fusha e Tuzit, Fusha e Mileshës dhe Fusha e Dinoshës.</p>

<p>Vetë ky pozicion gjeografik krijon një ansambël të mahnitshëm përsa i përket fushës së Turizmit që për nga llojet mund të jetë unikal në vendin tonë e në rajon. Malësia e Madhe të jep mundësinë për 12 muajt e vitit të zhvillohen të gjitha llojet e turizmit duke filluar me :</p>
<p>
<ol>
<li> 1. Turizmi Ujor: ku vend të veçantë zë Liqeni i Shkodrës me një shtrirje gjatësie prej rreth 30 km nga Vraka-Gril (Komuna Gruemirë) e deri në Han të Hotit (Komuna Kastrat) si dhe Lumi Cem me një gjatësi prej rreth 31 km e që përshkon Komunën Kelmend. </li>

<li> 2. Turizmi i Gjelbërt e i Bardhë: e që përbën turizmin më atraktiv ku pikat turistike më të njohura janë Razma, Boga, Zona e Recit në Komunën e Shkrelit, Lepusha, Vermoshi, Selca etj në Komunën Kelmend.</li>

<li> 3. Turizmi historiko-kulturor: ky turizëm zë një vend të rendësishëm në gjithë hapësiren turistike të N/Prefektures Malësi e Madhe për vetë historinë e kulturën e trashëguar brez pas brezi nga kjo trevë.</li>

<li> 4. Turizmi sportiv: vetë pozicioni dhe resurset e mëdha natyrore që ka e gjithë N/Prefektura Malësi e Madhe të jep mundësi të mëdha për zhvillimin e shumë sporteve si ato ujore (noti, lojrat me top në ujë, udhetimi me varka, gjuetia e peshkut dhe e shpendëve të ndryshme) në Liqenin e Shkodrës, kanotazhi në Lumin Cem, hiking.</li>

<li> 5.Turizmi gjeo-arkeologjik: Vizitorët vendas e të huaj mund të eksplorojnë shpella të ndryshme në gjithë Malesine e Madhe të cilat u ofrojnë edhe të dhëna jetësore të popullimit mijëravjeçar. Shpellat më të njohura janë në Kelmend, Shkrel, Kastrat e Gruemirë.</li>
</ol>
</p>

    </div>
              
   
  </div>

</div> 



	
	
	
	</div>
 <!--
<div style="position: relative; left:50%; margin-left:-239px; top:100px;width: 300px; height: 100px; z-index: 1" id="textohistoria">

<h1 class="textohistoria"  ><p>Devido à sua posição geográfica, a colina de Monsaraz sempre ocupou um importante lugar na história do Concelho, tendo sido ocupada por diversos povos desde a pré-história.
No séc. VIII, Monsaraz cai sob domínio do Islão através das invasões muçulmanas que ocuparam grande parte da Península Ibérica. Passou a designar-se Saris ou Sarish e a pertencer ao reino de Badajoz, um dos maiores e mais importantes focos da cultura árabe.
<br></br>
Em 1167, foi conquistada aos muçulmanos por Geraldo Sem Pavor numa expedição que partiu de Évora, também esta recém-conquistada. Após a derrota de D. Afonso Henriques em Badajoz, Monsaraz cai novamente em poder dos árabes. Em 1232, apoiado por cavaleiros templários, D. Sancho II reconquista-a em definitivo, sendo posteriormente doada à Ordem do Templo.
<br></br>
Após as guerras de 1383-1385, a Vila de Monsaraz é integrada na Casa de Bragança e passa a ser uma das mais preciosas fontes de rendimento da grande casa ducal portuguesa.
<br></br>
Em 1512, D. Manuel concede novo foral à Vila de Monsaraz, reformulando a vida pública e jurídica do Concelho. Após a Restauração de 1640, a Vila recebeu importantes acrescentos táticos, como o levantamento de uma nova cintura abaluartada, tornando-se numa poderosa “cidadela inexpugnável”, interligada com o sistema defensivo de Elvas, Juromenha, Olivença e Mourão.
<br></br>
A sua condição de vila medieval acastelada, o impetuoso crescimento das aldeias de Reguengos, a riqueza das actividades artesanais e vinícolas e a fidelidade da população de Monsaraz aos ideais miguelistas derrotados na guerra civil (1828-1834) foram os factores que contribuíram para a transferência da sede de Concelho de Monsaraz para Vila Nova de Reguengos em 1838, onde se estabeleceu definitivamente em 1851.<br></br>Fonte: Junta De Freguesia de Monsaraz
</p></h1>



</div> -->

<div id="t360" onclick="$('html, body').animate({scrollTop: $('#section3').offset().top}, 6500,'easeInOutQuart');" style="position: relative;cursor: url('d.html'), move; width: 100%; top:400px;height: 1200px; z-index: 999" ></div>

                 
        </div>
       
<!-- LOCALIZAÇÃO----> 



<div  class="section gmaps" id="section3">
<div id="paracimatxt" style="position: absolute;cursor: url('upescuro.html'), move;  width: 100%; height: 100px; z-index: 1" onclick="$('html, body').animate({scrollTop: $('#section2').offset().top}, 6500,'easeInOutQuart');" ></div>


<div style="background-position: top; position: relative; width: 100%; background:#4a4227; cursor: url('d.html'), move; height: 450px; top:1220px; z-index: 99; background-image: url('images/divbck.jpg');background-position:top center; " onclick="$('html, body').animate({scrollTop: $('#section4').offset().top}, 2500,'easeInOutExpo');" id="paraotexto"></div>

<div id="360icone" style=" position: relative; left:50%; margin-left:-129px;  width:445px; height: 166px; z-index:99999;  top: 840px;" >
			<ul class="nav  "/>
<li><a href="#section4"><img src="images/360_en.png" /></a></li> </ul>
			
			</div> 


</div>



<!-- Localização ----> 


  
<div class="section 360" id="section4">
      
<!--<div id="360topo" onclick="$('html, body').animate({scrollTop: $('#section3').offset().top}, 2500,'easeInOutExpo');"  
style=" position: absolute; overflow:hidden; cursor: url('u.cur'), move;  width:100%; height: 62px; z-index:999999;  top 0px;" >
</div> -->


<!-- <div onclick="$('html, body').animate({scrollTop: $('#section3').offset().top}, 2500,'easeInOutExpo');" style="position: absolute; cursor: pointer; background:yellow url('images/paracima360_14.jpg'); right:65px; width: 100px; height: 57px; z-index: 99999999999999; top: 4273px;" id="paracimahistoria">

</div> -->

	


<div style="position: absolute; width: 100%;overflow:hidden;height: 100%; z-index: 99999" id="1layer1">

<div id="tourDIV" >

				<div id="panoDIV" >
				
				
			<iframe src="http://malesiaemadhe360.al/wp-content/virtual_tour/MM.html" name="frame1" scrolling="auto" frameborder="no" align="center" height="1500" width="100%"></iframe>
				</div>
	<div id="mapcontainer">
	<div id="mapDIV"></div>
</div>
			
					<script type="text/javascript" src="endata/en.js"></script>
				<script type="text/javascript">
					embedpano({
					
					swf:"endata/en.swf"
					,wmode:"transparent"
					,style:"overflow:scroll"
					,target:"panoDIV"
					,passQueryParameters:true
					
					
					,wmode:"opaque"
					
					});
				</script>
			


</div>

</div>

</div>

 
<!--

<div class="section future" id="section5">
	


</div>
    

    
<div class="section future2" id="section6">



</div>
    

 
 
 <div class="section future3" id="section7">
	
        
</div>
    

 -->
 

 <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
	<script src='../ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js'></script> 
		<script src="jquery.cycle.all.js" type="text/javascript" charset="utf-8"></script>
		<script src="jquery.maximage.js"  type="text/javascript" charset="utf-8"></script>
		
	 <script type="text/javascript" charset="utf-8">
      
$(document).ready(function () {
    $(document).on("scroll", onScroll);
    
    //smoothscroll
    $('a[href^="#"]').on('click', function (e) {
        e.preventDefault();
        $(document).off("scroll");
        
        $('a').each(function () {
            $(this).removeClass('active');
        })
        $(this).addClass('active');
      
        var target = this.hash,
            menu = target;
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top+2
        }, 2500,'easeInOutExpo', function () {
            window.location.hash = target;
            $(document).on("scroll", onScroll);
        });
    });
});

function onScroll(event){
    var scrollPos = $(document).scrollTop();
    $('#menu-center a').each(function () {
        var currLink = $(this);
        var refElement = $(currLink.attr("href"));
        if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
            $('#menu-center ul li a').removeClass("active");
            currLink.addClass("active");
        }
        else{
            currLink.removeClass("active");
        }
    });
}
   </script>
  	
	
		
		
		<script type="text/javascript" charset="utf-8">
			$(function(){
				$('#maximage').maximage({
					cycleOptions: {
						fx: 'fade',
						speed: 2100, // Has to match the speed for CSS transitions in jQuery.maximage.css (lines 30 - 33)
						timeout: 3,
						prev: '#arrow_left',
						next: '#arrow_right',
						
						
					},
					onFirstImageLoaded: function(){
						jQuery('#cycle-loader').hide();
						jQuery('#maximage').fadeIn('fast');
					}
				});
	
				// Helper function to Fill and Center the HTML5 Video
				jQuery('video,object').maximage('maxcover');
	
				// To show it is dynamic html text
				jQuery('.in-slide-content').delay(1200).fadeIn();
			});
		</script>
 
        <script type="text/javascript" src="jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
                $('ul.nav a').bind('click',function(event){
                    var $anchor = $(this);
                    
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 2500,'easeInOutExpo');
                    /*
                    if you don't want to use the easing effects:
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1000);
                    */
                    event.preventDefault();
                });
            });
        </script>
        
  
        
    <script>
function show(target){
document.getElementById(target).style.display = 'block';
}
function hide(target){
document.getElementById(target).style.display = 'none';
}
 
 
</script>
        

          

 


  <script src="js/easing.js" type="text/javascript"></script>
	<!-- UItoTop plugin -->
	<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
	<!-- Starting the plugin -->
	<script type="text/javascript">
		$(document).ready(function() {
		
			var defaults = {
	  			containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 5500,
				easingType: 'easeInOutExpo' 
	 		};
			
			
			$().UItoTop({ easingType: 'easeInOutExpo' });
			
		});
	</script>
     <!-- Preloader -->
<script type="text/javascript">
    //<![CDATA[
        $(window).load(function() { // makes sure the whole site is loaded
            $('#status').fadeOut(); // will first fade out the loading animation
            $('#preloader').delay(450).fadeOut('slow'); // will fade out the white DIV that covers the website.
        })
    //]]>
</script>

  <!-- Feel free to load scripts in the footer -->
  <script src="examples/assets/prism.html"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.touchSwipe.min.js"></script>
  <script src="js/jquery.liquid-slider.js"></script>  
  <script>
    $('#main-slider').liquidSlider();
  </script>

   
        
    </div>

        
        
    </body>

<!-- Mirrored from www.monsaraz360.pt/en.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 10 Oct 2019 15:45:20 GMT -->
</html>

Zerion Mini Shell 1.0