%PDF-
%PDF-
Mini Shell
Mini Shell
<!--
If you need help contact info@wide.pt
thank you for watching.Enjoy life!
Nuno A. Madeira
---->
<!DOCTYPE>
<html>
<!-- Mirrored from www.monsaraz360.pt/ipad.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 10 Oct 2019 15:38:38 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>
<script type="text/javascript">
var mob = ['iPhone'];
for(var i=0; i<mob.length; i++){
if(navigator.userAgent.indexOf(mob[i]) != -1){
window.location = "mobile/pt/index.html";
}
}
</script>
<script type="text/javascript">
if (
(navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
location.replace("mobile/pt/index.html");
}
</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"/>
<meta name="keywords" content="Monsaraz 360" />
<meta name="apple-mobile-web-app-title" content="Monsaraz 360">
<link rel="shortcut icon" sizes="16x16" href="imgs/icon-16x16.png">
<link rel="shortcut icon" sizes="196x196" href="imgs/icon-196x196.png">
<link rel="apple-touch-icon-precomposed" href="imgs/icon-152x152.png">
<link rel="stylesheet" type="text/css" href="style/addtohomescreen.css">
<script src="src/addtohomescreen.js"></script>
<script>
addToHomescreen();
</script>
<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="indexdata/lib/jquery-2.0.3.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="indexdata/lib/jquery-1.10.2.min.js"></script>
<![endif]-->
<!--[if gt IE 8]>
<script type="text/javascript" src="indexdata/lib/jquery-2.0.3.min.js"></script>
<![endif]-->
<link type="text/css" href="indexdata/lib/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" />
<script type="text/javascript" src="indexdata/lib/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="indexdata/lib/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="indexdata/lib/Kolor/KolorTools.min.js"></script>
<script type="text/javascript" src="indexdata/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: absolute; width: 100px;right:430px; height: 35px; top:12px; z-index: 999999" id="lang">
<h1 class="menutxtpeq8"><a href="en.html">EN</h1>
</div>
<div class="m1 menu">
<div id="menu-center">
<ul>
<li><a class="active" href="#section1">INÍCIO</a>
</li>
<li><a href="#section2">HISTÓRIA</a>
</li>
<li><a href="#section3">LOCALIZAÇÃO</a>
</li>
<li><a href="#section4">VISITA 360º</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"> </div>
</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="fbgrouppt.png" class="auto-style1" alt="Facebook Groupo" /></a>
</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="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="eventos.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="http://www.cm-reguengos-monsaraz.pt/NR/rdonlyres/6470FEE7-C1DA-47A9-B91A-97D01D26F5E7/0/2011_11_GuiadeTurismodeReguengosdeMonsaraz_PT.pdf" target="_blank">
<img src="guiaturismo_pt.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; top: 320px"><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:999999999999999999999999999999999999999999999999;" >
<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="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.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">PT</h2>
<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> Em1167, 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>
</div>
<div>
<h2 class="title" style="display:none">EN</h2>
<p>Due to its geographic position, the hilltop of Monsaraz always occupied an important place in the history of the municipality, having been occupied by different peoples since the pre-historical record. It is one of the oldest Portuguese settlements of the southern Portugal.
<br></br>Monsaraz was reorganized during the Roman occupation, but later successively occupied by the Visigoths, Arabs, Mozarabs, Jews, and, after the Reconquista, Christians loyal to Afonso Henriques. In the 8th century, Monsaraz fell under the dominion of Arab forces who occupied the Iberian Peninsula, becoming known as Saris or Sharish, and following the control of the Taifa of Badajoz (one of the more prominent Arab centres at the time). The name Monsaraz originates from the word Xarez or Xerez, the Iberian transliteration of the Arabic Saris or Sharish, for the Gum Rockrose (Cistus ladanifer L.), a plant that still today prospers in poor, dry, acidic slate-based soil that surrounds Monsaraz. The Iberian words Xarez/Xerez latter evolved to the Portuguese Xaraz and to the Spanish {Castilian) Jerez (the Spanish name for the sherry wine).It is natural position, the highest hill in the area and proximity to the deep Guadiana valley, made it a location of strategic importance.
<br></br>In 1167, the Castle and medina was taken by Geraldo Sem Pavor, in an expedition that came from Évora. After, Afonso Henriques' defeat in Badajoz, Monsaraz was once again taken by Muslim forces. In 1232, supported by the Knights Templar, King Sancho II definitively retook the citadel and town, placing it under the control of the Templars, and obligating them to establish a garrison that would protect the border.
<br></br>In 1263 it was already an important fortress, being the head of a municipality, with large privileges. The local economy was fundamentally based on agriculture and livestock, existing some small artesnal industries producing Terra cotta earthenware and hammered copper.
<br></br>In 1512, King Manuel of Portugal issued a foral (charter) to the Vila de Monsaraz, reformulating the public and jurisdictional administration of the municipality.
<br></br>The condition of the walled medieval city, the growth of the farm estates of Reguengos, the richness of the artesnal production and vineyards, and more importantly, the loyalty towards the Miguelist forces during the Liberal Wars were all factors that contributed to the shifting of the municipal seat from Monsaraz to Vila Nova de Reguengos in 1838, a fact that became permanent after 1851.
</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_05.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" >
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" "width="100%" height="100%" id="indexdata/index">
<param name="movie" value="indexdata/index.swf"/>
<param name="allowFullScreen" value="true"/>
<param name="wmode" value="transparent"/>
<object type="application/x-shockwave-flash" data="indexdata/index.swf" width="100%" height="100%">
<param name="movie" value="indexdata/index.swf"/>
<param name="allowFullScreen" value="true"/>
<param name="wmode" value="transparent"/>
<a href="http://www.adobe.com/go/getflash">
<img src="../www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
</a>
</object>
</object>
</noscript>
</div>
<div id="mapcontainer">
<div id="mapDIV"></div>
</div>
<script type="text/javascript" src="indexdata/index.js"></script>
<script type="text/javascript">
embedpano({
swf:"indexdata/index.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/ipad.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 10 Oct 2019 15:42:56 GMT -->
</html>
Zerion Mini Shell 1.0