﻿/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, 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: 'Roboto-Black';
    src: url('Roboto-Black.eot');
    src: url('Roboto-Black.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Black.woff') format('woff'),
         url('Roboto-Black.ttf') format('truetype'),
         url('Roboto-Black.svg#Roboto-Black') format('svg');
    src: local('Roboto-Black'), url('Roboto-Black.ttf'); /* this part right here */ 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('Roboto-Medium.eot');
    src: url('Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Medium.woff') format('woff'),
         url('Roboto-Medium.ttf') format('truetype'),
         url('Roboto-Medium.svg#Roboto-Medium') format('svg');
    src: local('Roboto-Medium'), url('Roboto-Medium.ttf'); /* this part right here */ 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('Roboto-Regular.eot');
    src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular.woff') format('woff'),
         url('Roboto-Regular.ttf') format('truetype'),
         url('Roboto-Regular.svg#Roboto-Regular') format('svg');
    src: local('Roboto-Regular'), url('Roboto-Regular.ttf'); /* this part right here */ 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('Roboto-Light.eot');
    src: url('Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Light.woff') format('woff'),
         url('Roboto-Light.ttf') format('truetype'),
         url('Roboto-Light.svg#Roboto-Light') format('svg');
    src: local('Roboto-Light'), url('Roboto-Light.ttf'); /* this part right here */ 
    font-weight: normal;
    font-style: normal;
}
body
{
	font-family: Roboto-Regular;
	margin: 0px;
}
.ancla {
    position: absolute;
    margin-top: -49px;
}
.hide {
	display:inline-block;
}
.nover {
    display:none;
}
iframe {
	border:0px;
}
a {
	text-decoration:none;
	color: #005679;
}
a:hover {
	text-decoration:none;
	color:#000000;
}
ol {
	margin-left:1em;
}
li {
	margin-left:20px;
	margin-bottom:5px;
	margin-top:5px;
}
hr {
	border:0px solid #ffffff;
	border-bottom:1px solid #ccc;
}
caption {
	display:none;
}
.relative {
    position:relative;
}
.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;
}
.div1220 {
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}
.marBot {
    margin-bottom:20px;
}
.div1200.relative, .div1220.relative {
    position:relative;
}
.div1200.gris, .div1220.gris {
    background-color:#eee;
    margin-bottom:20px;
}
.nowrap {
    white-space:nowrap;
}
#DIVfons
{
    background-color:#fff;
}
#DIVcaja
{
}
#DIVprincipal
{
}
#DIVdalt
{
}
.DIVdalt0 {
    display:none;
}
.DIVdalt1 {
	border-bottom: 1px solid #ccc;
	height: 40px;
	line-height: 40px;
	text-align: right;
	font-size: 0.9em;
	color: #444;
	position: relative;
}
.DIVdalt1 > a {
	color: #444;
}
.DIVdalt1 > a::before {
	content: "|";
    padding-left:5px;
    padding-right:5px;
}
.DIVdalt1Tel {
	font-family: Roboto-Black;
	font-size: 1.3em;
}
.DIVdalt1Idi {
	display: inline-block;
	background-image: url(/imas/General/icoBaix.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-right: 20px;
	cursor: pointer;
}
.DIVdalt1Idi::before {
	content: "|";
    padding-left:5px;
    padding-right:5px;
}
#DIVdalt1IdiDiv {
	position: absolute;
    background-color: #fff;
	right: 0px;
	margin-top: -10px;
    z-index: 99000;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	display: none;
}
#DIVdalt1IdiDiv > a {
	display: block;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
	border-top: 1px solid #eee;
}
#DIVdalt1IdiDiv > a:first-child {
	border-top: 0px solid #eee;
}
.DIVdalt2 {
	border-bottom: 1px solid #ccc;
	height: 110px;
	position: relative;
}
.DIVdalt2.covid {
    background-image:url(/Imas/General/coronavirus.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.DIVdalt2.covid > .DIVdaltLogo {
    background-image: url(/imas/general/logo6.png);
    margin-left:20px;
}
.DIVdaltLogo {
	display: inline-block;
    width: 264px;
    height: 110px;
    background-image: url(/imas/general/logo4.png);
    background-position: center left;
	background-repeat: no-repeat;
	background-size: contain;
}
.DIVdaltLogo0co2 {
    display: inline-block;
    width: 264px;
    height: 110px;
    background-image: url(/imas/general/logoTu0co2.png);
    background-position: center left;
	background-repeat: no-repeat;
	background-size: contain;
    margin-right:50px;
}
.DIVdaltBotoMovil {
    display:none;
}
.DIVdalt2a {
	position: absolute;
    right: 0px;
    top: 30px;
    height: 50px;
}
.DIVdalt2link {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #eee;
	border-radius: 25px;
	margin-left: 5px;
	background-position: 5px 5px;
    background-repeat: no-repeat;
	background-size: 40px auto;
	transition: all 200ms;
}
.DIVdalt2link:hover {
	background-position: 5px -35px;
}
.DIVdalt2link.insta {
    background-image: url(/imas/general/icoInstG2.png);
}
.DIVdalt2link.insta:hover {
    background-color: #c5007b;
}
.DIVdalt2link.face {
    background-image: url(/imas/general/icoFaceG.png);
}
.DIVdalt2link.face:hover {
    background-color: #38539b;
}
.DIVdalt2link.whats {
    background-image: url(/imas/general/icoWhatG.png);
}
.DIVdalt2link.whats:hover {
    background-color: #2bb240;
}
.DIVdalt2link.twit {
    background-image: url(/imas/general/icoTwitX.png);
}
.DIVdalt2link.twit:hover {
    background-color: #1d9bf0;
}
.DIVdalt2link.ytube {
    background-image: url(/imas/general/icoYoutG.png);
}
.DIVdalt2link.ytube:hover {
    background-color: #f80000;
}
.DIVdalt2link.gestio {
    background-image: url(/imas/general/icoEditarG.png);
}
.DIVdalt2link.gestio:hover {
    background-color: #222;
}
.DIVdalt2link.linke {
    background-image: url(/imas/general/icoLinkG.png);
}
.DIVdalt2link.linke:hover {
    background-color: #0a66c2;
}
.DIVdalt2link.tiktok {
    background-image: url(/imas/general/icoTikG.png);
}
.DIVdalt2link.tiktok:hover {
    background-color: #fe2c55;
}
.DIVdalt2cercador {
	display: inline-block;
    width: 319px;
    height: 50px;
    background-color: #eee;
    border-radius: 25px;
	margin-left: 5px;
    vertical-align: text-top;
    position: relative;
}
.DivDalt2BuscTex {
	border: 0px;
    margin: 0px;
    padding: 0px;
    line-height: 50px;
    background-color: transparent;
    position: absolute;
    left: 20px;
    width: 239px;
    background-position: center left;
    background-repeat: no-repeat;
}
.DivDalt2BuscTex.cat {
    background-image:url(/Imas/General/cerca1.png);
}
.DivDalt2BuscTex.cas {
    background-image:url(/Imas/General/cerca2.png);
}
.DivDaltBuscCerrar {
    position: absolute;
    width: 20px;
    top: 0px;
    bottom:0px;
    right: 55px;
    background-image:url(/Imas/General/cerrar2.png);
    background-position:center center;
    background-repeat:no-repeat;
    display:none;
}
.DivDalt2BuscBot {
	position: absolute;
    background-color: #79cff3;
    right: 0px;
    height: 50px;
	width: 50px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	background-image: url(/imas/general/icoBusc.png);
    background-position: 4px center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}
#DivDaltBuscDiv {
	display: block;
    position: absolute;
    background-color: rgba(0,0,0,0.9);
    left: 0px;
    right: 0px;
	margin-top: -1px;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	z-index: 90000;
}
.DivDaltBuscDivCol {
	display: inline-block;
    width: 300px;
    vertical-align: text-top;
}
.DivDaltBuscDivColTit {
	font-family: Roboto-Regular;
    font-size: 1.1em;
    color: #51B6E0;
	padding-bottom: 20px;
	padding-right: 20px;
}
.DivDaltBuscDivCol > a {
	display: block;
    color: #fff;
    font-size: 0.9em;
    margin-bottom: 10px;
    background-image: url(/imas/general/puntBlau.png);
    background-position: 0px 6px;
    background-repeat: no-repeat;
    background-size: 4px 4px;
	padding-left: 12px;
	padding-right: 20px;
    opacity: 0.8;
    transition: opacity 200ms;
}
.DivDaltBuscDivCol > a:hover {
    opacity: 1;
}
.DIVdalt3 {
	border-bottom: 1px solid #ccc;
	height: 50px;
    display:none;
}
.DIVdalt3.visible {
    display:block;
}
.DIVdalt3.mb {
    margin-bottom:30px;
}
#DIVcontingut
{
}
#DIVcentre
{
}
#DIVbaix
{
}
.DIVbaix1 {
	padding-bottom: 30px;
}
.DIVbaix1a {
	border-top: 1px solid #ccc;
	line-height: 30px;
}
.DIVbaix1b {
	display: inline-block;
	background-color: #eee;
	margin-left: 10px;
	margin-right: 10px;
	width: 285px;
	height: 210px;
	position: relative;
	vertical-align: text-top;
}
.DIVbaix1b.white {
    background-color:#fff;
}
.DIVbaix1c {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 160px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 160px;
}
.DIVbaix1d {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #222;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	min-height: 30px;
    transition:background-color 200ms;
}
.DIVbaix1b:hover .DIVbaix1d {
	background-color: #51b6e0;
	color: #fff;
}
.DIVbaix2 {
	background-color: #222;
}
.DIVbaix2a {
	padding: 30px;
}
.DIVbaix2tit {
	color: #51B6E0;
	font-size: 1.4em;
	padding-bottom: 20px;
}
#MenuEnlaces br {
	display: none;
}
#MenuEnlaces > .divitemV, .DIVbaix2 .divitemV {
	display: inline-block;
	width: 282px;
	vertical-align: text-top;
}
#MenuEnlaces > .divitemV > a, .DIVbaix2 .divitemV > a {
	display: block;
    color: #fff;
    font-size: 0.9em;
    margin-bottom: 10px;
    background-image: url(/imas/general/puntBlau.png);
    background-position: 0px 6px;
    background-repeat: no-repeat;
    background-size: 4px 4px;
	padding-left: 12px;
	padding-right: 20px;
    opacity: 0.8;
    transition: opacity 200ms;
}
#MenuEnlaces > .divitemV > a:hover {
    opacity: 1;
}
.DIVbaix3 {
	padding-top: 30px;
}
.DIVbaix3a {
	border-top: 1px solid #ccc;
	line-height: 30px;
}
.DIVbaix3b {
	background-color: #eee;
}
.DIVbaix3c {
	padding: 40px;
	text-align: center;
}
.DIVbaix3tit {
	font-size: 1.4em;
	padding-bottom: 20px;
}
.DIVbaix3link {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #BFBFBF;
	margin-left: 5px;
	margin-right: 5px;
	background-position: center center;
    background-repeat: no-repeat;
	background-size: 40px 40px;
	transition: all 200ms;
	cursor: pointer;
}
.DIVbaix3link.face {
    background-image: url(/imas/general/icoFace.png);
}
.DIVbaix3link.face:hover {
    background-color: #38539b;
}
.DIVbaix3link.what {
    background-image: url(/imas/general/icoWhat.png);
}
.DIVbaix3link.what:hover {
    background-color: #2bb240;
}
.DIVbaix3link.twit {
    background-image: url(/imas/general/icoTwitXW.png);
}
.DIVbaix3link.twit:hover {
    background-color: #1d9bf0;
}
.DIVbaix4 {
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 40px;
	position: relative;
	font-size: 0.9em;
}
.DIVbaix4a {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}
.DIVbaix4a > a {
    color:#000;
    display:inline-block;
}
.DIVbaix4a > a::before {
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
}
.DIVbaix4a > a:nth-child(1)::before {
    content: "";
}
.DIVbaix5 {
    padding-bottom:30px;
    position:relative;
}
.DIVbaix5tit {
    border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 50px;
	position: relative;
    margin-bottom:20px;
}
.DIVbaix5tit > span {
	border-bottom: 3px solid #51B6E0;
	display: inline-block;
	line-height: 49px;
	padding-left: 15px;
    padding-right: 15px;
}
.DIVbaix5a {
    padding-left: 7px;
    padding-right: 7px;
}
.DIVbaix5a.border {
    margin-bottom:30px;
}
.DIVbaix5a > a {
    display: inline-block;
    width: calc((100% / 7) - 6px);
    height: 109px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom:6px;
    position:relative;
}
.DIVbaix5a.border > a > span {
    border:2px solid #fff;
}
.DIVbaix5a > a > span {
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    transition:all 200ms;
}
.DIVbaix5a > a:hover > span {
    top:-5px;
    left:-5px;
    bottom:-5px;
    right:-5px;
}
.DIVbaix5av, .DIVbaix5at {
    position:absolute;
    display:inline-block;
    width:40px;
    height:120px;
    background-color:rgba(0,0,0,0.2);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    cursor:pointer;
}
.DIVbaix5av {
    right:0px;
    background-image:url(/Imas/General/icoAdela.png);
}
.DIVbaix5at {
    background-image:url(/Imas/General/icoAtras.png);
}

.DIVbaix5av:hover, .DIVbaix5at:hover {
    background-color:rgba(0,0,0,0.4);
}
.popup {
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size:0.9em;
}
.popup > div {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #000;
    padding: 20px;
    max-width: 800px;
    text-align: left;
    overflow: auto;
    max-height: 80%;
}
.MapWeb {
    padding-bottom:30px;
    padding-top:30px;
}
.MapWeb_titol {
    font-weight:normal;
    font-family:Roboto-Medium;
    font-size:1.6em;
    display:inline-block;
    padding-bottom:30px;
}
.MapWeb_col {
    display:inline-block;
    vertical-align:text-top;
    width:calc(25% - 30px);
    padding-right:30px;
}
.MapWeb_colTit {
    font-weight:normal;
    font-family:Roboto-Medium;
    font-size:1.2em;
    display:block;
    padding-bottom:20px;
}
.MapWeb_colDiv > a {
    display:block;
    background-image:url(/Imas/General/selector4.png);
    background-position: 0px 6px;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-bottom: 10px;
}
.POR_div1 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.POR_div1a {
    display: inline-block;
    width: 895px;
    height: 280px;
	vertical-align: text-top;
	position: relative;
}
.POR_div1a.pet {
    width:400px;
}
.POR_div1aDiv {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	z-index: 80000;
	opacity: 0;
	transition: all 200ms;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    z-index:1;
}
.POR_div1aDiv.activo {
	opacity: 1;
    z-index:2;
}
.POR_div1aDiv.conTexto {
	
}
.POR_div1aDiv.conTexto > .POR_div1aDivTit {
    position: absolute;
    left: 25px;
    bottom: 20px;
    right: 200px;
    color: #fff;
    font-family:Roboto-Light;
    z-index:2;
}
.POR_div1aDiv.conTextoCentro > .POR_div1aDivTit {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content:center;
    color:#fff;
    font-family:Roboto-Medium;
    font-size:2.5em;
    text-shadow:0px 0px 10px #000;
    z-index:2;
}
.POR_div1aDiv.pressu {
    background-image:linear-gradient(rgba(0,0,0,0) 40% , rgba(0,0,0,0.4)), url(/imas/general/fotoDep46.jpg);
}
.POR_div1aDiv > .POR_div1aDivTit > span {
    display:none;
}
.POR_div1aDiv.conTexto > .POR_div1aDivTit > span {
    display:block;
    text-shadow:0px 0px 5px rgba(0,0,0,1);
    display: block;
}
.POR_div1aDiv.conTexto > .POR_div1aDivTit > span:nth-child(1) {
    font-size:2em;
}
.POR_div1aDiv.conTexto > .POR_div1aDivTit.pet > span:nth-child(1) {
    font-size:1.4em;
}
.POR_div1aDiv.conTexto > .POR_div1aDivTit > span:nth-child(2) {
    padding-top:5px;
}
.POR_div1aDiv > a, .POR_div1aDiv > span {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0.05);
    z-index:3;
}
.POR_div1aDiv > div {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 80002;
    line-height: 10px;
}
.POR_div1aDiv > div > span {
	display: inline-block;
    width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #fff;
	margin-right: 5px;
}
.POR_div1aDiv > div > span.activo {
    background-color: #51B6E0;
}
.POR_div1aDivVideo {
    position:absolute;
    background-color:red;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    object-fit: cover;
    width: 100%;
    height:280px;
}
.POR_div1aAt, .POR_div1aAd {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: rgba(0,0,0,0.1);
	position: absolute;
	top: 115px;
	z-index: 80001;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}
.POR_div1aAt:hover, .POR_div1aAd:hover {
	background-color: rgba(0,0,0,0.3);
}
.POR_div1aAt {
	left: -10px;
	background-image: url(/imas/General/icoAtras.png);
}
.POR_div1aAd {
	right: -10px;
	background-image: url(/imas/General/icoAdela.png);
}
.POR_div1b {
	background-color: #eee;
    display: inline-block;
    width: 285px;
    height: 280px;
	margin-left: 20px;
	background-position: center center, center center;
	background-repeat: no-repeat, no-repeat;
	background-size: cover, cover;
}
.POR_div1b.marBot {
    margin-left: 0px;
    margin-bottom:20px;
}
.POR_div2 {
	margin-bottom: 30px;
}
.POR_div2a {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 50px;
	position: relative;
}
.POR_div2a > span {
	border-bottom: 3px solid #51B6E0;
	display: inline-block;
	line-height: 49px;
	padding-left: 15px;
    padding-right: 15px;
}
.POR_div2a > a, .POR_div4tit > a {
	line-height: 30px;
	color: #000;
	background-color: #79cff3;
	/*position: absolute;
	right: 0px;
	top: 10px;*/
	font-size: 0.9em;
	padding-left: 10px;
	padding-right: 10px;
    display:inline-block;
    float:right;
    top:10px;
    position:relative;
    margin-left:5px;
}
.POR_div2b {
	position: relative;
}
.POR_div2At, .POR_div2Ad {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: rgba(0,0,0,0.1);
	position: absolute;
	top: 175px;
	z-index: 80001;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}
.POR_div2At:hover, .POR_div2Ad:hover {
	background-color: rgba(0,0,0,0.3);
}
.POR_div2At {
	left: -50px;
	background-image: url(/imas/General/icoAtras.png);
}
.POR_div2Ad {
	right: -50px;
	background-image: url(/imas/General/icoAdela.png);
}
.POR_div2c {
    height: 400px;
	position: relative;
	margin-bottom: 30px;
	margin-top: 30px;
	display: none;
}
.POR_div2c.activo {
	display: block;
}
.POR_div2d {
	display: inline-block;
    width: 285px;
    width: calc(100% / 4 - 20px);
    height: 400px;
    background-color: #F8F6F7;
    margin-left: 10px;
	margin-right: 10px;
	vertical-align: text-top;
	position: relative;
}
.POR_div2d.cursor {
    cursor:pointer;
}
.PLA_texte2 .POR_div2d, .OGV_divPestaText .POR_div2d {
    margin-bottom:20px;
}
.POR_div2foto {
	display: block;
	background-color: #999;
	height: 200px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    position:relative;
}
.POR_div2foto > span {
    background-color: #79cff3;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #000;
	font-size: 0.75em;
    padding:2px;
    padding-left: 5px;
	padding-right: 5px;
    display: inline-block;
}
.POR_div2data {
	position: absolute;
	background-color: #51B6E0;
	color: #fff;
	font-size: 0.75em;
	display: inline-block;
	top: 170px;
	line-height: 20px;
	right: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.POR_div2t {
	position: absolute;
	left: 15px;
	right: 15px;
	top: 215px;
	bottom: 15px;
	overflow: hidden;
	line-height: 20px;
}
.POR_div2tit {
	display: block;
	font-family: Roboto-Medium;
	padding-bottom: 10px;
	color: #000;
}
.POR_div2tex {
	display: block;
	font-size: 0.9em;
	color: #444;
}
.POR_div2d.not .POR_div2tex {
}
.POR_div2e {
	text-align: center;
	padding-top: 12px;
}
.POR_div2e > span {
	display: inline-block;
	background-color: #E5E5E5;
	width: 16px;
	line-height: 3px;
	margin-left: 3px;
	margin-right: 3px;
}
.POR_div2e > span.activo {
	background-color: #51B6E0;
}
.POR_div3 {
	padding-bottom: 10px;
}
.POR_div3t {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 50px;
	position: relative;
    margin-bottom:30px;
}
.POR_div3t > span {
	display: inline-block;
	line-height: 49px;
	padding-left: 15px;
    padding-right: 15px;
    cursor:pointer;
}
.POR_div3t > span.activo {
	border-bottom: 3px solid #51B6E0;
    cursor:inherit;
}
.POR_div3div1, .POR_div3div2 {
    display:none;
}
.POR_div3div1.activo, .POR_div3div2.activo {
    display:block;
}
.POR_div3a2 {
    background-color: #E3EBF2;
	width: 285px;
	height: 110px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	transition: background-color 200ms;
    overflow:hidden;
}
.POR_div3a2a {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    transition:left 200ms, right 200ms;
}
.POR_div3a2b {
    position:absolute;
    left:-285px;
    right:285px;
    bottom:0px;
    top:0px;
    transition:left 200ms, right 200ms;
    background-color: #79cff3;
}
.POR_div3a2:hover > .POR_div3a2a {
    left:285px;
    right:-285px;
}
.POR_div3a2:hover > .POR_div3a2b, .POR_div3a2b:focus {
    left:0px;
    right:0px;
}

.POR_div3a {
	background-color: #E3EBF2;
	width: 285px;
	height: 110px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	transition: background-color 200ms;
    text-align:left;
}
.POR_div3a.col1 {
	width: calc(100% - 20px);
}
.POR_div3a.col2 {
	width: calc(50% - 20px);
}
.POR_div3a.col3 {
	width: calc(33.3% - 20px);
}
.POR_div3a.col4 {
	width: calc(25% - 20px);
}
.POR_div3a.col5 {
	width: calc(20% - 20px);
    height: 100px;
}
.POR_div3a.gris {
    background-color: #eee;
}
.POR_div3a:hover {
	background-color: #79cff3;
}
.POR_div3a.gris:hover {
	background-color: #222;
}
.POR_div3b {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background-color: #fff;
	position: absolute;
	left: 20px;
	top: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70px 70px;
}
.POR_div3reloj {
    display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background-color: #fff;
	position: absolute;
	left: 20px;
	top: 20px;
    background-image:url(/Imas/General/reloj.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70px 70px;
}
.POR_div3minuts {
    display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	position: absolute;
	left: 20px;
	top: 20px;
    background-image:url(/Imas/General/minuts.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70px 70px;
}
.POR_div3hores {
    display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	position: absolute;
	left: 20px;
	top: 20px;
    background-image:url(/Imas/General/hores.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70px 70px;
}
.POR_div3a.col5 .POR_div3b {
    width: 60px;
	height: 60px;
	background-size: 60px 60px;
}
.POR_div3c {
	position: absolute;
	left: 110px;
	top: 20px;
	bottom: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	color: #005679;
	transition: color 200ms;
}
.POR_div3a.col5 .POR_div3c {
	left: 100px;
}
.POR_div3a.gris .POR_div3c {
    color: #222;
}
.POR_div3a:hover .POR_div3c {
	color: #000;
}
.POR_div3c > span {
}
.POR_div3d {
	position: absolute;
	left: 20px;
	top: 20px;
	bottom: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	color: #000;
	transition: color 200ms;
}
.POR_div4 {
	padding-bottom: 10px;
    position: relative;
}
.POR_div4a {
    display: inline-block;
    width: calc(50% + 10px);
    vertical-align: text-top;
}
.POR_div4tit {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 50px;
	margin-bottom: 20px;
}
.POR_div4tit.left {
	margin-right: 20px;
}
.POR_div4tit > span {
	border-bottom: 3px solid #51B6E0;
	display: inline-block;
	line-height: 49px;
	padding-left: 15px;
    padding-right: 15px;
}
.POR_div4aDiv {
	display: inline-block;
    background-color: #F8F6F7;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 183px;
	height: 120px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	vertical-align: text-top;
}
.POR_div4b {
    display: inline-block;
	width: calc(50% - 10px);
    vertical-align: text-top;
}
.POR_div4c {
	background-color: #F8F6F7;
	overflow: hidden;
    position: absolute;
    left: calc(50% + 10px);
    right: 0px;
    bottom: 30px;
    top: 72px;
}
.POR_div4c:hover {
	overflow: scroll;
}
.POR_div4cDiv {
    padding:20px;
    padding-right:0px;
    padding-bottom:0px;
	font-size: 0.8em;
}
.POR_div4cData {
	display: block;
    color: #00768f;
    padding-top: 5px;
}
.POR_div4cLink {
	color: #000;
    line-height: 13px;
    display: block;
    margin-right: 20px;
    border-left: 5px solid #21A7C3;
    padding-left: 10px;
}
.POR_div4c:hover .POR_div4cLink, .POR_div4c:hover .POR_div4cData {
    margin-right: 3px;
}
/* EL CONSELL ------------------------------------------------------------------------------------- */
.CON_div1 {
    padding-bottom:10px;
}
.CON_div2 {
    background-image:linear-gradient(to right, rgba(0,0,0,0.8) , rgba(0,0,0,0)), url(/Imas/General/foto2.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    margin-bottom:30px;
}
.CON_div2a {
    padding:50px;
}
.CON_div2tit {
    font-size: 1.4em;
    color: #fff;
    padding-bottom: 20px;
}
.CON_div2tex {
    color: #fff;
    font-size: 0.9em;
    padding-right: 500px;
    padding-bottom:20px;
}
.CON_div2bot {
    display: inline-block;
    background-color: #fff;
    color: #000;
    font-size: 0.9em;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    margin-right: 10px;
    transition:background-color 200ms, color 200ms;
}
.CON_div2bot:hover {
    background-color: #51B6E0;
    color: #fff;
}
.CON_div3 {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 50px;
    position: relative;
}
.CON_div3 > span {
    border-bottom: 3px solid #51B6E0;
    display: inline-block;
    line-height: 49px;
    padding-left: 15px;
    padding-right: 15px;
}
.CON_div3b {
    padding-top:30px;
    padding-bottom:10px;
}
.CON_div4 {
    margin-bottom:30px;
}
/* ------------------------------------------------------------------------------------------------ */
#oscuro
{
	background-color:rgba(0,0,0,0.9);
	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
{
	
}
.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;
}
.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;
}
.boton, .boton2, .boton3 {
    background-color:#79cff3;
    display:inline-block;
    line-height:50px;
    padding-left:25px;
    padding-right:25px;
    color:#000;
    transition:all 200ms;
    border:0px;
    cursor:pointer;
    margin-right:5px;
    margin-bottom:5px;
}
.boton2 {
    background-color:#222;
    color:#fff;
}
.boton2.marginB {
    margin-bottom:20px;
}
.boton:hover,.boton3:hover {
    background-color:#319bc7;
    color:#fff;
}
.boton2:hover {
    background-color:#000;
    color:#fff;
}
.ajax__calendar_container {
    z-index:90000;
}
.TUR_logo {
    display: inline-block;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left:20px;
    margin-right:20px;
    max-width:calc(100% - 40px);
}
.TUR_logo.cime {
    background-image:url(/Imas/General/logo7.png);
    width:120px;
}
.TUR_logo.goib {
    background-image:url(/Imas/General/logoGoibTuri.png);
    width:130px;
}
.TUR_logo.estat {
    background-image:url(/Imas/General/logoEstatTuris.png);
    width:320px;
}