﻿/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
/*-----------------------------------------------------------------*/


@font-face {
    font-family: 'amplitude-book';
    src: url('amplitudebookMod-Regular.eot');
    src: url('amplitudebookMod-Regular.eot?#iefix') format('embedded-opentype'),
         url('amplitudebookMod-Regular.woff') format('woff'),
         url('amplitudebookMod-Regular.ttf') format('truetype'),
         url('amplitudebookMod-Regular.svg#amplitudebookMod-Regular') format('svg');
    src: local('amplitudebookMod-Regular'), url('amplitudebookMod-Regular.ttf'); /* this part right here */ 
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: amplitude-book, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#f5f5f5;
}
.hide {
	display:inline-block;
}
iframe {
	border:0px;
}
a {
	text-decoration:none;
	color:#6a6321;
	color: #928400;
}
a:hover {
	text-decoration:none;
	color:#000000;
}
ul {
    overflow:auto;
}
ol {
	margin-left:1em;
}
li {
	margin-left:20px;
	margin-bottom:5px;
	margin-top:5px;
}
hr {
	border:0px solid #ffffff;
    clear:both;
}
caption {
	display:none;
}
.nojava {
	position:absolute;
	background-color:#ffffff;
	border:1px solid #ff0000;
	padding:3px;
	font-size:0.8em;
}
.div1200 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.div1221 {
	max-width: 1221px;
	margin-left: auto;
	margin-right: auto;
}
#DIVfons {
}
#DIVcaja {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	box-shadow: 0px 0px 100px rgba(0,0,0,0.2);
	position: relative;
}
#DIVprincipal {
}
#DIVdalt {
	position: relative;
}
.DIVdalt1 {
	background-color: #666;
	height: 400px;
	position: relative;
}
.DIVdaltPortal .DIVdalt1 {
	height: 732px;
}
.DIVdaltVisites .DIVdalt1 {
	height: 550px;
}
.DIVdalt1a {
	position: absolute;
	left: 0px;
	bottom: 0px;
	top: 0px;
	right: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 1000ms;
	opacity: 0;
	z-index: 1;
}
.DIVdalt1a.visible {
	opacity: 1;
	z-index: 2;
}
.DIVdalt1Av, .DIVdalt1At {
	position: absolute;
	background-color: rgba(0,0,0,0.2);
	width: 50px;
	height: 50px;
	border-radius: 25px;
	z-index: 3;
	top: 466px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	cursor: pointer;
    display:none;
}
.DIVdalt1Av:hover, .DIVdalt1At:hover {
	background-color: rgba(0,0,0,0.4);
}
.DIVdalt1Av {
	background-image: url(/Imas/General/icoAdela.png);
	right: 30px;
}
.DIVdalt1At {
	background-image: url(/Imas/General/icoAtras.png);
	left: 30px;
}
.DIVdalt1b {
	height: 482px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
	align-items: center;
	margin-top: 250px;
}
.DIVdaltVisites .DIVdalt1b {
	height: 300px;
}
.DIVdalt1c {
	width: 1000px;
}
.DIVdalt1Tit {
	display: inline-block;
    color: #fff;
    font-size: 4em;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	transition: all 200ms;
}
.DIVdalt1Tex {
	display: block;
	color: #fff;
    font-size: 1.3em;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.8);
}
.DIVdalt1Play {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 20px;
    background-image: url(/imas/general/video.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}
.DIVdalt1Tex > a, .DIVdalt1Tit:hover {
	color: #fff;
}
.DIVdalt1Tit:hover {
	text-shadow: 0px 0px 7px rgba(0,0,0,0.7);
}
.DIVdalt1num {
	position: absolute;
	z-index: 3;
	bottom: 30px;
	left: 30px;
	right: 30px;
	text-align: center;
    display:none;
}
.DIVdalt1num1, .DIVdalt1num2 {
    display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
	margin-right: 3px;
}
.DIVdalt1num1 {
	background-color: #fff;
    width: 14px;
    height: 14px;
    border-radius: 7px;
}
.DIVdalt1num2 {
	background-color: rgba(255,255,255,0.6);
    width: 10px;
    height: 10px;
    border-radius: 5px;
}
.DIVdalt2 {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 250px;
	top: 0px;
	z-index: 3;
}
.DIVdalt2a {
	background-color: rgba(0,0,0,0.4);
	height: 50px;
}
.DIVdalt2aLinks {
	text-align: right;
    position: relative;
}
.DIVdalt2aLink {
	display: inline-block;
	width: 40px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 36px 36px;
	transition: all 200ms;
	vertical-align: text-top;
}
.cerca {
	background-image: url(/imas/General/icoBusc.png);
}
.cerca:hover {
	background-color: #67652f;
}
.face {
	background-image: url(/imas/General/icoFace.png);
}
.face:hover {
	background-color: #4267b2;
}
.inst {
	background-image: url(/imas/General/icoInst.png);
}
.inst:hover {
	background-color: #b13582;
}
.twit {
	background-image: url(/imas/General/icoTwitXW.png);
}
.twit:hover {
	background-color: #1da1f2;
}
.ytub {
	background-image: url(/imas/General/icoYout.png);
}
.ytub:hover {
	background-color: #c71e1e;
}
.mail {
	background-image: url(/imas/General/icoMail.png);
}
.mail:hover {
	background-color: #67652f;
}
.DivDaltBusc
{
    background-color:#67652f;
    display:inline-block;
    height:50px;
    line-height:50px;
    vertical-align:text-top;
    color:#000000;
}
.DivDaltBuscText
{
    background-color:#67652f;
    background-position:0px 0px;
    background-repeat:no-repeat;
    margin:0px;
    padding:0px;
    height:50px;
    vertical-align:text-top;
    border:0px;
    width:250px;
    margin-left:10px;
    margin-right:10px;
    color:#ffffff;
}
#DivDaltBuscDiv
{
    position:absolute;
    background-color:#8a8666;
    width:270px;
    right:250px;
    z-index:99999;
    text-align:left;
}
#DivDaltBuscDiv a, #DivDaltBuscDiv span
{
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    font-size:0.9em;
    line-height:normal;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    color:#fff;
}
#DivDaltBuscDiv a:hover
{
    background-color:#dddddd;
}
.DIVdaltIdioma
{
	display: inline-block;
    line-height: 50px;
    color: #fff;
    vertical-align: text-top;
    padding-left: 10px;
    padding-right: 15px;
    text-transform: uppercase;
    cursor: pointer;
    background-image: url(/imas/general/abajo2.png);
    background-position: right center;
    background-repeat: no-repeat;
}
#DIVdaltIdiomaDiv {
	display: none;
    position: absolute;
    right: 0px;
    background-color: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	margin-top: -10px;
	z-index: 9900;
}
#DIVdaltIdiomaDiv > a {
    display: block;
    padding: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
	color: #000;
	border-top: 1px solid #eee;
}
#DIVdaltIdiomaDiv > a:first-child {
	border-top: 0px;
}
#DIVdaltIdiomaDiv > a:hover {
	background-color: #f5f5f5;
}
.DIVdalt2b {
	background-color: rgba(255,255,255,0.9);
	height: 140px;
}
.DIVdalt2b > div {
	position: relative;
}
.DIVdaltLogo {
	display: inline-block;
	width: 370px;
	height: 140px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100px;
}
.logoBiosfera {
	display: inline-block;
    height: 140px;
    width: 210px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 92px;
    position: absolute;
    right: 0px;
}
.logoUnesco {
    display: inline-block;
    height: 140px;
    width: 130px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 112px;
    position: absolute;
    right: 0px;
}
.DIVdalt2c {
	background-color: rgba(0,0,0,0.7);
	border-bottom: 2px solid rgba(255,255,255,0.7);
}
#DIVcontingut
{
}
#DIVcontingut2
{
}
#DIVcontingut3
{
}
#DIVesquerra
{
	display:none;
}
#DIVdreta
{
	display:none;
}
#DIVcentre
{
	overflow:hidden;
}
#DIVbaix
{
	background-image: url(/Imas/General/01.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.DIVbaix0 {
    padding-bottom: 50px;
	padding-top: 50px;
    text-align:center;
    background-color:rgba(104,101,47,0.9);
}
.DIVbaix1 {
	background-color: rgba(0,0,0,0.7);
	padding-bottom: 50px;
	padding-top: 50px;
    text-align:center;
}
.DIVbaix1tit {
    font-size: 1.6em;
    padding-bottom: 20px;
    color:#fff;
}
.DIVbaix1link {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: rgba(255,255,255,0.3);
    margin-left: 5px;
    margin-right: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    transition: all 200ms;
    cursor: pointer;
}
.DIVbaix1link.face:hover {
    background-color: #38539b;
}
.DIVbaix1link.face {
    background-image: url(/imas/general/icoFace.png);
}
.DIVbaix1link.twit:hover {
    background-color: #62b6eb;
}
.DIVbaix1link.twit {
    background-image: url(/imas/general/icoTwitXW.png);
}
.DIVbaix1link.what:hover {
    background-color: #2bb240;
}
.DIVbaix1link.what {
    background-image: url(/imas/general/icoWhat.png);
}
.DIVbaix2 {
	background-color: rgba(255, 255, 255, 0.9);
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.DIVbaix2 img {
	margin-left: 20px;
	margin-right: 20px;
}
.DIVbaix3 {
	background-color: rgba(0,0,0,0.7);
	color: rgba(255, 255, 255, 0.8);
    padding-bottom:20px;
    padding-top:20px;
}
.DIVbaix3b {
    display:inline-block;
    width:50%;
    vertical-align:text-top;
    text-align:left;
}
.DIVbaixLinks3 {
    display:inline-block;
    width:50%;
    text-align:right;
    vertical-align:text-top;
}
.DIVbaixLinks3 > a {
	color: rgba(255, 255, 255, 0.8);
}
.DIVbaixLinks3 > a:hover {
	color: #fff;
}
/*PORTAL*/
.POR_div1 {
	background-color: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
	text-align: center;
}
.POR_div1.gris {
	background-color: #f5f5f5;
}
.POR_div1Tit1 {
	font-size: 2.3em;
	font-weight: bold;
	margin-bottom: 30px;
}
.POR_div1Tit2 {
	font-size: 1.6em;
	color: #666;
	margin-bottom: 20px;
}
.POR_div1Tex {
	font-size: 1.15em;
	color: #666;
}
.POR_div1Label {

}
.POR_div1Textbox {
	margin-right: 20px;
	margin-left: 10px;
	border: 0px;
	padding: 8px;
	background-color: #fafafa;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
}
.POR_div2 {
	background-color: #fff;
	padding-bottom: 20px;
	padding-top: 50px;
	text-align: center;
	position: relative;
}
.POR_div2.gris {
	background-color: #f5f5f5;
}
.POR_div2a {
	height: 500px;
	overflow: hidden;
	position: relative;
}
#POR_div2Atras, #POR_div2Adela, #POR_div2Atras2, #POR_div2Adela2 {
	position: absolute;
	width: 50px;
	height: 500px;
	background-color: rgba(0,0,0,0.5);
	z-index: 3;
	opacity: 0.5;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
    display:none;
}
#POR_div2Atras:hover, #POR_div2Adela:hover, #POR_div2Atras2:hover, #POR_div2Adela2:hover {
	opacity: 1;
}
#POR_div2Atras, #POR_div2Atras2 {
	left: 0px;
	background-image: url(/Imas/General/icoAtras.png);
}
#POR_div2Adela, #POR_div2Adela2 {
	right: 0px;
	background-image: url(/Imas/General/icoAdela.png);
}
.POR_div2a0, .POR_div2a1, .POR_div2a2, .POR_div2a3, .POR_div2a4 {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 800px;
	width: 50%;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: cover;
	transition: left 500ms, right 500ms;
    background-color:#999999;
}
.POR_div2a0 {
	left: calc(50% - 127%);
	right: calc(50% + 77%);
}
.POR_div2a1 {
	left: calc(50% - 76%);
	right: calc(50% + 26%);
}
.POR_div2a2 {
	left: calc(50% - 25%);
	right: calc(50% - 25%);
}
.POR_div2a3 {
	left: calc(50% + 26%);
	right: calc(50% - 76%);
}
.POR_div2a4 {
	left: calc(50% + 77%);
	right: calc(50% - 127%);
}
.POR_div2aT {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7));
	padding: 30px;
	text-align: left;
}
.POR_div2aTit {
	display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 10px;
    color: rgba(255,255,255,1);
    text-shadow: 0px 0px 5px rgba(0,0,0,1);
}
.POR_div2a0:hover .POR_div2aTit, .POR_div2a1:hover .POR_div2aTit, .POR_div2a2:hover .POR_div2aTit, .POR_div2a3:hover .POR_div2aTit, .POR_div2a4:hover .POR_div2aTit {
    color: rgba(255,255,255,1);
}
.POR_div2aTex {
	display: block;
    font-size: 1.1em;
    color: rgba(255,255,255,1);
}
.POR_div2Tit {
	font-size: 2.3em;
	font-weight: bold;
	margin-bottom: 30px;
}
.POR_div2Tex {
	font-size: 1.15em;
	color: #666;
	margin-bottom: 20px;
}
.POR_div2Select {
    background-color: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #ddd
}
.POR_div2Select select {
    border: 0px;
    background-color: #fff;
}
.POR_div3 {
	background-image: linear-gradient(rgba(104,101,47,0.9), rgba(104,101,47,0.9)), url(/Imas/General/08.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 50px;
	padding-top: 50px;
	text-align: center;
	color: #fff;
}
.POR_div3Tit1 {
	font-size: 2.3em;
	font-weight: bold;
	margin-bottom: 30px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}
.POR_div3Tit2 {
	font-size: 1.6em;
	margin-bottom: 20px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}
.POR_div3Tex {
	font-size: 1.15em;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}
.POR_div4 {
	background-color: #231F1F;
	padding-bottom: 50px;
	padding-top: 50px;
}
.POR_div4Tit {
	font-size: 2.3em;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
	color: #fff;
}
.POR_div4Atras, .POR_div4Adela {
	position: absolute;
	width: 50px;
	height: 50px;
	margin-top: 118px;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 3;
	opacity: 0.5;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	cursor: pointer;
    display:none;
}
.POR_div4Atras:hover, .POR_div4Adela:hover {
	opacity: 1;
}
.POR_div4Atras {
	left: 30px;
	background-image: url(/Imas/General/icoAtras.png);
}
.POR_div4Adela {
	right: 30px;
	background-image: url(/Imas/General/icoAdela.png);
}
.POR_div4aDiv .POR_div4a:first-child, .POR_div5aDiv .POR_div5a:first-child {
    margin-left:0px;
}
.POR_div4a, .POR_div5a {
	background-color: #fff;
	display: inline-block;
	margin-left: 20px;
	margin-right: 0px;
	width: 386px;
	height: 386px;
	position: relative;
	vertical-align: text-top;
	opacity: 0.8;
	filter: grayscale(1);
	overflow: hidden;
    text-align:left;
}
.PLA_ntilla1 .POR_div5a {
    background-color:#f5f5f5;
}
.PLA_tip02 .POR_div4a, .PLA_tip02 .POR_div5a {
	margin-bottom: 20px;
}
.POR_div4a.activo {
	opacity: 1;
	filter: grayscale(0);
}
.POR_div4aFoto, .POR_div5aFoto {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 286px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.POR_div4aData, .POR_div5aData {
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: #fff;
	display: inline-block;
	text-align: center;
}
.POR_div4aDia, .POR_div5aDia {
	display: block;
    font-size: 1.7em;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1em;
}
.POR_div4aMes, .POR_div5aMes {
	display: block;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1em;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 7px;
}
.POR_div4aT, .POR_div5aT {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.POR_div4aT2, .POR_div5aT2 {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7));
	padding: 20px;
}
.POR_div4aTip {
	background-color:rgba(0,0,0,0.8);
    color:#fff;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    font-size:0.9em;
    display:inline-block;
    margin-bottom:10px;
}
.POR_div4aTit, .POR_div5aTit {
	font-size: 1.6em;
	color: #fff;
	line-height: 1em;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    display:block;
}
.POR_div4aTit:hover, .POR_div5aTit:hover {
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
.POR_div4aTex, .POR_div5aTex {
	height: 76px;
	min-height: 76px;
	padding: 20px;
	overflow: hidden;
	transition: all 200ms;
}
.POR_div4aTex.gris, .POR_div5aTex.gris {
	background-color: #f5f5f5;
}
.POR_div4aTex:hover, .POR_div5aTex:hover {
	height: auto;
	transition: all 200ms;
}
.POR_div5 {
	background-color: #f5f5f5;
	padding-bottom: 50px;
	padding-top: 50px;
}
.POR_div5Tit {
	font-size: 2.3em;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
	color: #222;
}
.POR_div5Atras, .POR_div5Adela {
	position: absolute;
	width: 50px;
	height: 50px;
	margin-top: 118px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 3;
	opacity: 0.5;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	cursor: pointer;
    display:none;
}
.POR_div5Atras:hover, .POR_div5Adela:hover {
	opacity: 1;
}
.POR_div5Atras {
	left: 30px;
	background-image: url(/Imas/General/icoAtras.png);
}
.POR_div5Adela {
	right: 30px;
	background-image: url(/Imas/General/icoAdela.png);
}
.POR_div5a {
	opacity: 1;
	filter: grayscale(0);
}
.POR_div5aTit {
	font-size: 1.2em;
}
.POR_div5Eti {
    background-color:rgba(0,0,0,0.8);
    color:#fff;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    font-size:0.9em;
    position:absolute;
    display:inline-block;
    top:10px;
    left:10px;
}
.POR_div5Eti:hover {
    color:#fff;
    background-color:#000;
}
.PLA_ntilla2 .POR_div4aTex.gris, .PLA_ntilla2 .POR_div5aTex.gris {
    background-color: #fff;
}
.cartells {
    
}
.POR_div5grid, .POR_div4grid {
    display:grid;
    grid-template-columns: calc((100% /3) - (40px / 3)) calc((100% /3) - (40px / 3)) calc((100% /3) - (40px / 3));
    column-gap: 20px;
}
.POR_div5grid.POR_div5gridN15 {
    grid-template-columns: calc((100% /4) - (60px / 4)) calc((100% /4) - (60px / 4)) calc((100% /4) - (60px / 4)) calc((100% /4) - (60px / 4)) ;
}
.POR_div5grid.POR_div5gridNum1 {
    grid-template-columns: calc((100% /4) - (60px / 4));
    justify-content: center;
}
.POR_div5grid.POR_div5gridNum2 {
    grid-template-columns: calc((100% /4) - (60px / 4)) calc((100% /4) - (60px / 4));
    justify-content: center;
}
.POR_div5grid.POR_div5gridNum3 {
    grid-template-columns: calc((100% /4) - (60px / 4)) calc((100% /4) - (60px / 4)) calc((100% /4) - (60px / 4));
    justify-content: center;
}
.POR_div5grid.POR_div5gridNum4 {
    grid-template-columns: calc((100% /4) - (60px / 4)) calc((100% /4) - (60px / 4)) calc((100% /4) - (60px / 4)) calc((100% /4) - (60px / 4)) ;
    justify-content: center;
}
.POR_div5grid > .POR_div5a, .POR_div4grid > .POR_div4a {
    height:auto;
    margin-left:0px !important;
    margin-right:0px !important;
    width:auto;
}
.POR_div5grid > .POR_div5a > .POR_div5aFoto, .POR_div4grid > .POR_div4a > .POR_div4aFoto {
    height:auto;
    aspect-ratio: 3/2;
    position:inherit;
    display:block;
}
.POR_div5grid.POR_div5gridN15 > .POR_div5a > .POR_div5aFoto {
    aspect-ratio: 1/1;
}
.POR_div5grid > .POR_div5a > .POR_div5aT, .POR_div4grid > .POR_div4a > .POR_div4aT {
    position:inherit;
}
.POR_div5grid > .POR_div5a > .POR_div5aT > .POR_div5aT2, .POR_div4grid > .POR_div4a > .POR_div4aT > .POR_div4aT2 {
    background-image:none;
    padding-bottom:0px;
}
.POR_div5grid > .POR_div5a > .POR_div5aT > .POR_div5aT2 > .POR_div5aTit, .POR_div4grid > .POR_div4a > .POR_div4aT > .POR_div4aT2 > .POR_div4aTit {
    color:#000;
    text-shadow:none;
    font-weight:bold;
}
.POR_div5grid > .POR_div5a > .POR_div5aT > .POR_div5aTex, .POR_div4grid > .POR_div4a > .POR_div4aT > .POR_div4aTex {
    height:inherit;
    min-height:inherit;
}
/*Calendari*/
.calendari
{
	width:182px;
	background-color:#eceada;
	text-align:center;
	font-size:0.8em;
	line-height:1.4em;
	margin-top:0.5em;
	border:2px solid #696421;
}
.capdesetmana
{
	padding:0.1em;
	color:#000000;
}
.capdesetmana a
{
	color:#000000;
}
.dianormal
{
	padding:0.1em;
}
.dianormal a
{
	color:#000000;
}
.diaresaltat
{
	padding:0.1em;
}
.diaresaltat a
{
	color:#d00545;
}
.diaseleccionat
{
	padding:0.1em;
	background-color:#696421;
}
.diaseleccionat a
{
	color:#ffffff;
}
.filaany
{
	background-color:#95906d;
	padding:0.1em;
	padding-top:0.3em;
	color:#ffffff;
	font-weight:bold;
}
.filaany span
{
	display:inline-block;
	width:11em;
	text-align:center;
}
.filames
{
	background-color:#95906d;
	padding:0.1em;
	color:#ffffff;
	padding-bottom:0.3em;
	font-weight:bold;
}
.filames span
{
	display:inline-block;
	width:11em;
}
.resaltatiseleccionat
{
	padding:0.1em;
	background-color:#696421;
}
.resaltatiseleccionat a
{
	color:#ffffff;
}
.titoldies
{
	background-color:#00b6eb;
	padding:0.1em;
	display:none;
}
.titoldies a
{
	color:#ffffff;
}
.selectors
{
	padding:0.2em;
}
/*-----------------------------------------------------------------*/
.divCompartir
{
	position:absolute;
	right:0px;
	z-index:99970;
    padding-top: 7px;
}
.divCompartirEdit, .divCompartirAtra, .divCompartirShare
{
	background-size: 25px 25px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#dddddd;
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:15px;
	cursor: pointer;
}
.divCompartirAtra:hover, .divCompartirShare:hover, .divCompartirEdit:hover
{
	background-color:#67652f;
}
.divCompartirAtra
{
	background-image:url(/imas/general/icoAtras.png);
}
.divCompartirShare
{
	background-image:url(/imas/general/icoShare.png);
}
.divCompartirEdit
{
	background-image:url(/imas/general/icoEditar.png);
}
.divCompartirFace, .divCompartirTwit, .divCompartirGplu
{
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#dddddd;
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:22px;
	cursor: pointer;
    border:2px solid #ffffff;
}
.divCompartirFace:hover, .divCompartirGplu:hover, .divCompartirTwit:hover
{
	background-color:#000000;
}
.divCompartirFace
{
	background-image:url(/imas/general/icoFace.png);
	background-color:#2b3990;
}
.divCompartirTwit
{
	background-image:url(/imas/general/icoTwit.png);
	background-color:#27aae1;
}
.divCompartirGplu
{
	background-image:url(/imas/general/icoGoogle.png);
	background-color:#d13d30;
}
.divShare
{
    position:fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-image:url(/imas/general/oscuro.png);
	background-position:center center;
	background-repeat:repeat;
    z-index:99990;
    text-align:center;
}
.divShareClose
{
    position:fixed;
    width:30px;
    height:30px;
    background-image:url(/Imas/General/cerrar.png);
    background-position:center center;
    background-repeat:no-repeat;
    top:10px;
    right:10px;
    cursor:pointer;
}
.divShareTit
{
    display:block;
    font-size:1.8em;
	padding-bottom:10px;
	color:#ffffff;
}
.divMapa {
	height: 600px;
	position: relative;
}
.divMapa.oculto {
    display:none;
}
.divMapaCerrar {
    display:none;
}
.PLA_cajaMap {
	position: relative;
}
#map {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
}
.divMapaLeyenda {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    border-radius: 8px;
    z-index: 99907;
    position: absolute;
    left: 25px;
    bottom: 25px;
    padding: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.divMapaLeyendaRangeLab {
    display: inline-block;
    width: 24%;
    padding: 0px;
    margin: 0px;
    vertical-align: text-top;
    font-size: 0.9em;
    margin-bottom: 10px;
    line-height: 22px;
}
.divMapaLeyendaRange {
    display: inline-block;
    width: 75%;
    padding: 0px;
    margin: 0px;
    vertical-align: text-top;
    margin-bottom: 10px;
    height: 22px;
}
.divMapaLeyendaSpan {
    display: inline-block;
    padding-bottom: 3px;
    padding-top: 3px;
    background-position: 0px 4px;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    padding-left: 18px;
    font-size: 0.9em;
}
.divMapaLeyendaSpan.marron {
    background-image:url(/Imas/General/marron.png);
}
.divMapaLeyendaSpan.verde {
    background-image:url(/Imas/General/verde.png);
}
.divMapaLeyendaSpan.azul {
    background-image:url(/Imas/General/azul2.png);
}
.divMapaTile.activo, .divMapaOrto.activo {
	/*display: block;*/
}
.divMapaTile, .divMapaOrto {
	display: none;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 60px;
	height: 60px;
	z-index: 99907;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 2px solid #fff;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3)
}
.divMapaTile {
	background-image: url(/Imas/General/capaTile.jpg);
}
.divMapaOrto {
	background-image: url(/imas/General/capaOrto.jpg);
}
.divMapaMas {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 99907;
    width: 46px;
    height: 46px;
    background-image: url(/imas/general/mapaMas.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.divMapaMen {
    position: absolute;
    top: 58px;
    left: 20px;
    z-index: 99997;
    width: 46px;
    height: 46px;
    background-image: url(/imas/general/mapaMenos.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.divMapaLoca {
    background-color: #fff;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 99907;
    padding: 9px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 8px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    cursor:pointer;
}
#oscuro
{
	background-image:url(/imas/general/oscuro.png);
	background-position:center center;
	background-repeat:repeat;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:99999;
	text-align:center;
	padding-top:1.5em;
	color:#ffffff;
}
#oscuro span
{
	font-size:1.3em;
}
#oscuro img
{
	max-width:800px;
}
.GAL_atras
{
	position:fixed;
	width:30px;
	height:30px;
	left:10px;
	background-image:url(/imas/general/atrasG.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.GAL_avan
{
	position:fixed;
	width:30px;
	height:30px;
	right:10px;
	background-image:url(/imas/general/adelanteG.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
#banner
{
	background-image:url(/imas/general/trans3.png);
	background-position:center center;
	background-repeat:repeat;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:99999;
	text-align:center;
	padding-top:1.5em;
	color:#7d7835;
	font-family:amplitude-book, Arial, sans-serif, Helvetica;
}
#banner div
{
	background-color:#ffffff;
	width:686px;
	height:420px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 0px 0px 3px #000000;
}
.botCerrar
{
	background-image:url(/imas/general/cerrar.png);
	background-position:center center;
	background-repeat:no-repeat;
	display:inline-block;
	width:30px;
	height:30px;
	position:fixed;
	top:10px;
	right:10px;
}
#banner .botCerrar
{
	background-image:url(/imas/general/cerrar.png);
	background-position:center center;
	background-repeat:no-repeat;
	display:inline-block;
	width:30px;
	height:30px;
	position:fixed;
	top:10px;
	right:auto;
	margin-left:671px;
}
.Butlleti_label {
	display: inline-block;
	width: 100px;
}
.boton, .boton2, .boton3, .boton4, .boton5, .boton6
{
	display:inline-block;
	padding:15px;
	padding-left:30px;
	padding-right:30px;
	background-color:#68652F;
	color:#ffffff;
	margin-right: 5px;
	margin-bottom: 5px;
	border:0px;
	cursor:pointer;
}
.boton:hover, .boton5:hover, .boton6:hover
{
	background-color:#7d7835;
	color:#ffffff;
}
.boton2
{
	background-color:rgba(255,255,255,0.9);
	color:#000;
	text-shadow: none;
}
.boton2:hover
{
	background-color:rgba(255,255,255,1);
}
.boton3 {
	background-color: #eee;
	color: #999;
	cursor: inherit;
}
.boton4 {
	background-color: rgb(189, 186, 149);
}
.boton5 {
    padding:2px;
    padding-left:10px;
    padding-right:10px;
    font-size:0.8em;
    text-transform:uppercase;
}
.boton6 {
	background-color: #000;
}
.labelsforms
{
	text-align:left;
	display:inline-block;
}
#Content1_lbobsProtocol
{
	display:inline;
}
#Content1_PROTOCOL
{
	margin-right:0.5em;
}
.labelsforms2
{
	text-align:left;
	display:inline-block;
	width:9em;
	line-height:2em;
}
.labelsforms3
{
	text-align:left;
	display:inline-block;
	width:13em;
	line-height:2em;
}
.labelTermi
{
	font-size:1em;
	display:inline-block;
	padding-left:1em;
}
.DivEditar
{
	position:absolute;
	margin-left:769px;
	margin-top:23px;
	width:25px;
	height:21px;
	padding-top:4px;
	border:1px solid #eeeeee;
	text-align:center;
}
.DivEditar:hover
{
	border:1px solid #cccccc;
	background-color:#f7f7f7;
}
.linea
{
	border-bottom:2px solid #eceada;
	margin-bottom:0.5em;
}
.col1
{
	margin-right:255px;
	overflow:hidden;
}
.col3
{
    float:left;
	width:715px;
	overflow:hidden;
}
.col2
{
	margin-left:725px;
    width:255px;
    display:block;
}
.col2 .boton
{
	width:220px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
}
#Content1_TableForm1 td
{
	vertical-align:top;
}
.DIVdaltUsuari
{
	color:#ffffff;
	float: left;
    line-height: 50px;
}
.DIVdaltUsuari a
{
	color:#ffffff;
}
.DIVdaltVerMapa {
    float: left;
    line-height: 50px;
}
.DIVdaltVerMapa a {
    display: inline-block;
    color: #fff;
    vertical-align: text-top;
    padding-right: 15px;
    text-transform: uppercase;
    cursor: pointer;
    background-image: url(/imas/general/abajo2.png);
    background-position: right center;
    background-repeat: no-repeat;
}
#divMapaMas, .divMapaMas
{
	position: absolute;
    top: 20px;
	left:20px;
	z-index:99907;
	width:46px;
	height:46px;
	background-image:url(../imas/general/mapaMas.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
#divMapaMen, .divMapaMen
{
	position: absolute;
    top: 59px;
	left:20px;
	z-index:99907;
	width:46px;
	height:46px;
	background-image:url(../imas/general/mapaMenos.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
#divMapaMonuments, #divMapaAltres, #divMapaOficines, #divMapaMuseus {
    position:fixed;
    right:20px;
    z-index:99907;
    width:185px;
    height:34px;
    cursor:pointer;
    line-height:34px;
    opacity:0.3;
    color:#fff;
    padding-left:16px;
}
#divMapaMonuments {
    top:190px;
    background-color:#bcbe00;
}
#divMapaAltres {
    top:234px;
    background-color:#e3a000;
}
#divMapaOficines {
    top:278px;
    background-color:#00abc4;
}
#divMapaMuseus {
    top:322px;
    background-color:#A95AA2;
}
#divMapaMonuments.activo, #divMapaAltres.activo, #divMapaOficines.activo, #divMapaMuseus.activo {
    opacity:0.9;
}
#divMapaLoc
{
	position:fixed;
	top:240px;
	right:20px;
	z-index:99907;
	width:46px;
	height:46px;
	background-image:url(../imas/general/mapaLoc.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
#logoIDE
{
	position:absolute;
	bottom:15px;
	right:15px;
	z-index:99908;
	display:inline-block;
	width:160px;
	height:43px;
	background-image:url(../imas/general/logoIDE.html);
	background-position:center center;
	background-repeat:no-repeat;
}
.olPopup
{
	margin-left:-10px;
}
.mapPopup 
{
	position: absolute;
	background-color: white;
	padding: 15px;
	border-radius: 6px;
	box-shadow: 0px 0px 10px #cccccc;
	bottom: 27px;
	left: -48px;
	min-width: 300px;
}
.mapPopup:after
{
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}
.mapPopupTit
{
	padding-bottom:10px;
}
.mapPopupClo
{
	position:absolute;
	right:-15px;
	top:-15px;
	display:inline-block;
	background-image:url(/imas/general/cerrar.png);
	background-position:center center;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	cursor:pointer;
}
.mapPopupTex
{
	padding-bottom:10px;
	font-size:0.8em;
	color:#666666;
}
.mapPopupFot
{
	height:200px;
	background-color:#999999;
	background-image:url(http://www.biosferamenorca.org/WebEditor/Pagines/image/Albufera_DaijiroIMG_9812.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.mapPopupLinks
{
	padding-top:10px;
	font-size:0.8em;
	color:#666666;
}
.mapPopupLinks span, .mapPopupLinks a
{
	background-color:#eeeeee;
	border:1px solid #dddddd;
	display:inline-block;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	color:#666666;
	cursor:pointer;
	border-radius:4px;
	margin-right:10px;
}
.mapPopupLinks span:hover, .mapPopupLinks a:hover
{
	background-color:#dddddd;
	border:1px solid #cccccc;
	color:#000000;
}
.DivShare
{
	/*text-align:right;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1.1em;*/
	position:absolute;
	margin-top:1.45em;
	margin-left:804px;
}
.DivShareFace
{
	display:inline-block;
	/*width:25px;*/
	line-height:27px;
	font-size:0.75em;
	height:25px;
	background-image:url(/imas/general/face1.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:2.5em;
	padding-right:1em;
	cursor:pointer;
	border:1px solid #eeeeee;
}
.DivShareFace:hover
{
	background-image:url(/imas/general/face2.png);
	border:1px solid #cccccc;
	background-color:#f7f7f7;
}
.DivShareTwit
{
	display:inline-block;
	/*width:25px;*/
	line-height:27px;
	font-size:0.75em;
	height:25px;
	background-image:url(/imas/general/twit1.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:2.5em;
	padding-right:1em;
	cursor:pointer;
	border:1px solid #eeeeee;
}
.DivShareTwit:hover
{
	background-image:url(/imas/general/twit2.png);
	border:1px solid #cccccc;
	background-color:#f7f7f7;
}
#DIVdestacats
{
	padding-top:50px;
}
.DESTACAT
{
	padding-bottom:10px;
}