/* =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: 'RobotoSlab-Regular';
    src: url('RobotoSlab-Regular.eot');
    src: url('RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
         url('RobotoSlab-Regular.woff') format('woff'),
         url('RobotoSlab-Regular.ttf') format('truetype'),
         url('RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    src: local('RobotoSlab-Regular'), url('RobotoSlab-Regular.ttf'); /* this part right here */ 
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'FiraSans-SemiBold';
    src: url('FiraSans-SemiBold.eot');
    src: url('FiraSans-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('FiraSans-SemiBold.woff') format('woff'),
         url('FiraSans-SemiBold.ttf') format('truetype'),
         url('FiraSans-SemiBold.svg#FiraSans-SemiBold') format('svg');
    src: local('FiraSans-SemiBold'), url('FiraSans-SemiBold.ttf'); /* this part right here */ 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSans-ExtraLight';
    src: url('FiraSans-ExtraLight.eot');
    src: url('FiraSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
         url('FiraSans-ExtraLight.woff') format('woff'),
         url('FiraSans-ExtraLight.ttf') format('truetype'),
         url('FiraSans-ExtraLight.svg#FiraSans-ExtraLight') format('svg');
    src: local('FiraSans-ExtraLight'), url('FiraSans-ExtraLight.ttf'); /* this part right here */ 
    font-weight: normal;
    font-style: normal;
}
:root {
    --color1: #df1b63;
    --color1b: #ff166b;
    --color2: #7600d3;
    --color2b: #9b1bff;
    --color3: #0079dd;
    --color3b: #0a90ff;
    --color4: #00af74;
    --color4b: #00c180;
    --color5: #d9bc00;
    --color5b: #f3d200;
    --color6: #ef6c00;
    --color6b: #ff8b2c;
    --color1: #813791;
    --color1b: #ad3ec5;
    /*Colors per 2025*/
    --color1: #6f879e;
    --color1b: #4e576d;
}
body {
	font-family:FiraSans-ExtraLight;
	margin:0px;
	padding:0px;
    background-color:#f5f5f5;
}
body.activo {
    overflow:hidden;
}
li {
	margin-left:20px;
	margin-bottom:5px;
	margin-top:5px;
}
hr {
	border:0px;
	border-bottom:1px solid #2a72aa;
	margin-bottom:1.5em;
	margin-top:1.5em;    
}
a {
	color:var(--color1);
	text-decoration:none;
	cursor:pointer;
}
a:hover {
    color: #333333;
}
caption {
	display:none;
}
.nojava {
	position:absolute;
	top:1em;
	left:1em;
	background-color:#ffffff;
	border:1px solid #ff0000;
	padding:3px;
	font-size:0.8em;
}
input {
    box-sizing:border-box;
}
.relative {
    position:relative;
}
.spinner {
    display:none;
}
.spinner.activo {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    top:0px;
    background-color:rgba(255,255,255,0.8);
    z-index:99999;
    display: grid;
    align-items: center;
    justify-content: center;
    background-image:url(/Imas/General/spinner.gif);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:26px 26px;
}
#caja
{
	width:100%;
    background-color:#fff;
    max-width:1300px;
    margin-left:auto;
    margin-right:auto;
    box-shadow:0px 0px 100px rgba(0,0,0,0.2);
}
strong {
    font-weight:normal;
    font-family:FiraSans-SemiBold;
}
.DIV1200 {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
#principal
{
}
.DivDalt {
}
.DivDalt1 {
    padding-top:20px;
    padding-bottom:20px;
}
.DivDaltLogo {
    width:450px;
    display:inline-block;
    padding-top:10px;
    padding-bottom:5px;
    background-image:url(/Imas/General/finestraTra2.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-size:contain;
	font-family:RobotoSlab-Regular;
}
.DivDaltLogo > span {
    display:block;
    padding-left:100px;
}
.DivDaltLogo > span:nth-of-type(1) {
    font-size:1em;
    line-height:1em;
    font-weight: bold;
    color:#000;
    white-space:nowrap;
}
.DivDaltLogo > span:nth-of-type(2) {
    font-size:3.2em;
    font-weight:bold;
    color:#000;
    line-height:1em;
    white-space:nowrap;
}
.DivDalt1logoCiuta {
    position:absolute;
    right:0px;
    top:0px;
    bottom:0px;
    width:202px;
    background-image:url(/Imas/General/logo.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
}
.DivDalt2 {
}
.DivDalt2 > span:nth-of-type(1) {
    display:inline-block;
    font-size:1em;
    color:#000;
}
.DivDalt2 > span:nth-of-type(1) > span {
    white-space:nowrap;
}
.DivDalt2boto {
    position:absolute;
    right:0px;
    background-color:var(--color1);
    color:#fff;
    border:0px;
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    border-radius:6px;
    cursor:pointer;
}
.DivDalt2boto:hover {
    background-color:var(--color1b);
}
.DivDalt3 {
    display: grid;
    margin-top: 20px;
    gap: 20px;
    grid-template-columns: calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6));
}
.DivDalt3.num1 {
    grid-template-columns: 100%;
}
.DivDalt3.num2 {
    grid-template-columns: calc((100% / 2) - (20px / 2)) calc((100% / 2) - (20px / 2));
}
.DivDalt3.num3 {
    grid-template-columns: calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3));
}
.DivDalt3.num4 {
    grid-template-columns: calc((100% / 4) - (60px / 4)) calc((100% / 4) - (60px / 4)) calc((100% / 4) - (60px / 4)) calc((100% / 4) - (60px / 4));
}
.DivDalt3.num5 {
    grid-template-columns: calc((100% / 5) - (80px / 5)) calc((100% / 5) - (80px / 5)) calc((100% / 5) - (80px / 5)) calc((100% / 5) - (80px / 5)) calc((100% / 5) - (80px / 5));
}
.DivDalt3.num6 {
    grid-template-columns: calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6)) calc((100% / 6) - (100px / 6));
}
.DivDalt3 > a {
    background-color: #999;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0px 5px inset rgba(0, 0, 0, 0.2);
    position:relative;
}
.DivDalt3.num1 > a {
    aspect-ratio: 4 / 1;
}
.DivDalt3.num2 > a {
    aspect-ratio: 3 / 1;
}
.DivDalt3.num3 > a {
    aspect-ratio: 2 / 1;
}
/*.DivDalt3 > a:nth-of-type(1) > span {
    background-color:var(--color1);
}
.DivDalt3 > a:nth-of-type(2) > span {
    background-color:var(--color2);
}
.DivDalt3 > a:nth-of-type(3) > span {
    background-color:var(--color3);
}
.DivDalt3 > a:nth-of-type(4) > span {
    background-color:var(--color4);
}
.DivDalt3 > a:nth-of-type(5) > span {
    background-color:var(--color5);
}
.DivDalt3 > a:nth-of-type(6) > span {
    background-color:var(--color6);
}*/
.DivDalt3 > a > span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 26px;
    font-size: 1.1em;
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px 4px #000;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    background-color:transparent;
    border-radius: 10px;
    transition:background-color 200ms;
    font-family:FiraSans-SemiBold;
}
.DivDalt3 > a:hover > span {
    background-color:var(--color1);
}
/*.DivDalt3 > a:nth-of-type(1):hover > span {
    background-color:var(--color1b);
}
.DivDalt3 > a:nth-of-type(2):hover > span {
    background-color:var(--color2b);
}
.DivDalt3 > a:nth-of-type(3):hover > span {
    background-color:var(--color3b);
}
.DivDalt3 > a:nth-of-type(4):hover > span {
    background-color:var(--color4b);
}
.DivDalt3 > a:nth-of-type(5):hover > span {
    background-color:var(--color5b);
}
.DivDalt3 > a:nth-of-type(6):hover > span {
    background-color:var(--color6b);
}*/
.DivContingut {
    padding-top:50px;
    display:grid;
    gap:50px;
    grid-template-columns:22% auto;
}
.DivContingut > div:nth-of-type(1) {
}
.boton {
    background-color:var(--color1);
    color:#fff;
    border:0px;
    padding:0px;
    padding-left:20px;
    padding-right:20px;
    margin:0px;
    line-height:30px;
    border-radius:6px;
}
.boton[disabled=disabled] {
    background-color:#ccc;
}
.DivBaix {
    padding-bottom:25px;
    padding-top:25px;
}
.DivBaixlogoCiuta {
    display:none;
    height:80px;
    margin-bottom:30px;
    background-image:url(/Imas/General/logo.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:contain;
}
/*.DivDalt1 {
    position:absolute;
    left:0px;
    right:0px;
    top:57px;
    height:37px;
    background-color:var(--color1);
}
.DivDalt2 {
    position:absolute;
    left:0px;
    right:0px;
    top:101px;
    height:7px;
    background-color:var(--color2);
}
.DivDalt3 {
    position:absolute;
    left:10px;
    top:111px;
    color:var(--color2);
    text-shadow:0px 0px 3px #fff;
}
.DivDalt4 {
    position: absolute;
    left: 102px;
    top: 15px;
    font-size: 1.3em;
    font-weight: bold;
    color:var(--color2);
    text-shadow:0px 0px 3px #fff;
}
.DivDalt5 {
    position: absolute;
    left: 99px;
    top: 25px;
    font-size: 4.1em;
    font-weight: bold;
    color:var(--color2);
    text-shadow:0px 0px 4px #fff;
}
.DivDalt6 {
    position: absolute;
    left: 4px;
    top: 7px;
    width:77px;
    height:83px;
    background-image:url(/Imas/General/finestra.png);
    background-position:center center;
    background-repeat:no-repeat;
    filter: hue-rotate(86deg) brightness(100%) saturate(50%) contrast(120%);
}
.DivDalt7 {
    position: absolute;
    right: 6px;
    top: 7px;
    width:193px;
    height:81px;
    background-image:url(/Imas/General/logoCiuta.png);
    background-position:center center;
    background-repeat:no-repeat;
}
.DivDalt8 {
    position:absolute;
    right: 216px;
    top: 67px;
}
.DivDaltFons1
{
	background-image:url(/imas/general/ImaCap1.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	height:127px;
}
.DivDaltFons2
{
	background-image:url(/imas/general/ImaCap.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:127px;
}
.DivDaltFons3
{
	background-image:url(/imas/general/ImaCap2.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:127px;
}
.DivContingut
{
	background-image:url(/imas/general/fonsesq2.png);
	background-position:left top;
	background-repeat:repeat-y;
    min-height:800px;
}
.DivEsquerra
{
    width:228px;
    float:left;
}
.DivCentre
{
	margin-left:228px;
	padding-bottom:1px;
    background-color:#fff;
    min-height:800px;
}
.DivDreta
{
	display:none;
}
.DivBaix
{
    clear: both;
}
input, textarea, select
{
	background-color:#ffffff;
	border:1px solid var(--color1);
	font-family:Verdana;
	color:#000000;
	font-size:0.9em;
}
input[type=checkbox]
{
	border:0px solid #ffffff;
}
#ctl00_Content1_FormView1_TELEFONTextBox, #ctl00_Content1_FormView1_RESPONSABLETextBox, #ctl00_Content1_FormView1_CPOSTALTextBox, #ctl00_Content1_FormView1_DIRECCIOTextBox, #ctl00_Content1_FormView1_TextBox2, #ctl00_Content1_FormView1_NPERSONATextBox
{
	overflow:hidden;
}
.edicionsanteriors
{
    margin-right: 10px;
    padding-top: 2px;
    margin-top: 2px;
    border:1px solid var(--color1);
}
#ctl00_Esquerra1_ImageButton1
{
}
.textboxbuscar
{
	width:9em;
}
.botonbuscar
{
	font-size:1em;
	position:relative;
	border:0px;
	width:1.5em;
	top:0.4em;
}
.marcblauimasfort
{
    border-right: var(--color1) 4px solid;
    border-top: var(--color1) 4px solid;
    border-left: var(--color1) 4px solid;
    border-bottom: var(--color1) 4px solid;
}*/