﻿@media (max-width: 760px) and (orientation:landscape)
{
}
@media (max-width: 760px) and (orientation:portrait)
{
}
@media (max-width: 760px)
{
    .DIVdalt1idioma, .DIVdalt1usuari, #CarpetaCiutadana2023, .DIVdalt3lab3, .POR_div1divTex {
        display:none;
    }
    .noVerMov {
        display:none !important;
    }
    .DIVdalt1 {
        background-image: none;
    }
    .DIVdalt1f {
        display: grid;
        grid-template-columns: auto max-content;
    }
    .DIVdalt1a {
        order:2;
        background-image:none;
        background-color:var(--color1, #000);
        padding-right: 15px;
    }
    .DIVdalt1aLabel {
        background-position: 10px 10px;
        padding-left: 45px;
        width: calc(100vw - 90px);
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .DIVdalt1b {
        order:1;
        height:30px;
        line-height:30px;
        grid-column: span 2;
        background-color:#000;
    }
    .DIVdalt1c {
        order:2;
        background-color:#222;
        padding-right: 10px;
    }
    .DIVdalt2 {
        height: 70px;
    }
    .DIVdaltLogo {
        background-position: 0px -5px;
        width: 168px;
        height: 70px;
        background-size: auto 80px;
        margin-left: 10px;
    }
    .DIVdalt3 > div, .DIVdalt3.med > div, .DIVdalt3.pet > div {
	    height: inherit;
    }
    .DIVdalt3 > div > div {
        padding: 30px;
    }
    .DIVdalt3.padBot > div > div {
        padding-bottom:50px;
    }
    .DIVdalt3lab1 {
	    font-size: 1em;
	    padding-bottom: 0px;
    }
    .DIVdalt3lab2 {
	    font-size: 1.6em;
    }
    .DIVdalt3usuari {
        right:inherit;
        left:30px;
    }
    .DIVdalt3cercador {
	    width: 340px;
	    margin-top: 10px;
    }
    #DIVdalt3BuscDiv {
        width: 340px;
    }
    .DIVbaix1 > div > div {
        background-image: none;
        height: inherit;
        padding:20px;
        justify-content: center;
    }
    #CarpetaCiutadanaBaix2023 > div > a {
        margin-left: 15px;
        margin-right:15px;
    }
    .DIVbaix2 {
        padding:10px;
        line-height: inherit;
    }
    .PLA_ntilla {
        padding: 30px;
    }
    .PLA_titol {
        font-size: 1.6em;
    }
    .PLA_titol.pet {
	    font-size: 1.3em;
    }
    .POR_div1 {
        gap: 20px;
        grid-template-columns: calc((100% / 2) - (20px / 2)) calc((100% / 2) - (20px / 2)) !important;
    }
    .POR_div1div {
        margin-top: 20px;
    }
    .POR_div1divIco {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        top: -25px;
        background-size: 44px 44px;
    }
    .POR_div1divIco.desta {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        top: -20px;
        background-size: 30px 30px;
    }
    .POR_div1divTit {
        padding-bottom: 5px;
        font-size: 1em;
    }
    .POR_div1divTex {
        font-size: 0.8em;
    }
    .POR_div3 {
        padding-bottom: 0px;
        padding-top: 0px;
        background-image:none;
        background-color:#f5f5f5;
    }
    .POR_div3L {
        right: 0px;
        bottom: inherit;
        height: 200px;
    }
    .POR_div3R {
        display: block;
        padding-left: 0px;
        min-height: 400px;
        padding:30px;
        padding-top:230px;
    }
    .POPUP > div {
        max-width: calc(100vw - 40px);
        max-height: calc(100vh - 40px);
    }
    .menuEntiDiv {
        width: calc(100% / 1);
        min-height: 50px;
        height:inherit;
    }
    .DivDaltBotoMovil {
        position:absolute;
        width:70px;
        height:70px;
        display:inline-block;
        right:0px;
        background-image:url(../Imas/General/menuMovil.png);
        background-position:center center;
        background-repeat:no-repeat;
        background-size:70px 70px;
    }
    .DivDaltBotoMovil.activo {
        background-image:url(../Imas/General/menuMovil2.png);
    }
    .DivDaltMenuMovil {
        background-color: var(--color2, #000);
        display: inline-block;
        position: fixed;
        left: calc(-100vw + 70px);
        right: 100vw;
        top: 70px;
        bottom: 0px;
        overflow: auto;
        z-index: 99992;
        transition: left 200ms, right 200ms;
        opacity:0;
    }
    .DivDaltMenuMovil.activo {
        left:0px;
        right:70px;
        opacity:1;
    }
    .label15 {
        display:block;
        width:auto;
    }
    .PLA_texte {
        word-break: break-word;
    }
    .PLA_llistatTramits {
	    grid-template-columns:auto !important;
    }
    .PLA_cercador {
	    grid-template-columns:auto !important;
    }
    .PLA_form, .SIL_form {
        grid-template-columns: auto !important;
    }
    .PLA_formCamp, .SIL_campForm {
        grid-column: auto !important;
    }
    .dxeTextBoxSys, .dxeButtonEditSys, .dxeMemoSys, .dxeListBox, .dxeRadioButtonList, .dxeRoot_DevEx, .dxucControl_DevEx {
        width:100% !important;
    }
    .SOL_fases {
        display:none;
    }
    .BOR_label2 {
        display:block;
        padding-bottom:0px;
        width:auto !important;
    }
    .BOR_label1 {
        display:inline-block;
        padding-bottom:10px;
    }
    .CAR_label150 {
        display:block;
        width:auto;
        padding-bottom:0px;
    }
    .CAR_neg {
        display:block;
    }
    .botRebutsMov {
        position: initial;
        right:inherit;
        padding-bottom:20px;
    }
    .PLA_tabla {
        box-shadow: 0px 0px 0px 2px #000;
    }
    .PLA_tabla, .PLA_tabla > tbody, .PLA_tabla > tbody > tr {
        display:block;
    }
    .PLA_tabla.responsive > thead > tr > th:not(.Vertical), .PLA_tabla.responsive > tbody > tr > th:not(.Vertical) {
        display:none;
    }
    .PLA_tabla.responsive > thead > tr, .PLA_tabla.responsive > tbody > tr {
        border-bottom:2px solid #000;
    }
    .PLA_tabla.responsive > thead > tr:last-of-type, .PLA_tabla.responsive > tbody > tr:last-of-type {
        border-bottom:0px solid #000;
    }
    .PLA_tabla.responsive > thead > tr > th.Vertical, .PLA_tabla.responsive > tbody > tr > th.Vertical {
        display:block;
    }
    .PLA_tabla.responsive > thead > tr > td, .PLA_tabla.responsive > tbody > tr > td {
        display:block;
	    /*border-bottom:1px solid #eeeeee;*/
        text-align:left !important;
    }
    .PLA_tabla.responsive > thead > tr > td:before, .PLA_tabla.responsive > tbody > tr > td:before {
        content: attr(data-th) ':';
        display:block;
        font-weight:bold;
    }
    .PLA_tabla.responsive > thead > tr > td[data-th=""]:before, .PLA_tabla.responsive > tbody > tr > td[data-th=""]:before {
        display:none;
    }
}
@media (max-width: 400px) {
    .DIVdalt3cercador, #DIVdalt3BuscDiv {
	    width:calc(100vw - 60px);
    }
    .DIVdalt3BuscTex {
        width:calc(100vw - 110px);
    }
    .POR_div1 {
        gap: 20px;
        grid-template-columns: auto !important;
    }
}
@media (min-width: 760px)
{
    .noVer {
        display: none;
    }
    .DIV1200 {
        max-width: 700px;
    }
    .DIVdalt1a, .DIVdalt1b, .DIVdalt1c {
        line-height: 40px;
    }
    .DIVdalt1aLabel {
        background-position: -5px 5px;
    }
    .DIVdalt1ico {
        background-position: center 10px;
    }
    .DIVdalt1idioma {
        background-position: 3px 10px;
    }
    .DIVdalt2 {
        height: 80px;
    }
    .DIVdaltLogo {
        width: 168px;
        height: 80px;
    }
    #CarpetaCiutadana2023 {
        left: 168px;
    }
    #CarpetaCiutadana2023 > div > a {
        margin-left: 20px;
        font-size: 0.9em;
        line-height: 1.4em;
        text-align: center;
    }
    #CarpetaCiutadana2023 > #CarpetaCiutadana20232659 > a {
        padding-left: 0px;
        padding-right: 0px;
        background-image:none;
        background-color:transparent;
    }
    #CarpetaCiutadana2023 > #CarpetaCiutadana20232659 > a::before {
        display:none;
    }
    .DIVdalt3 > div {
        height: 400px;
    }
    .DIVdalt3.med > div {
        height: 300px;
    }
    .DIVdalt3.pet > div {
        height: 130px;
    }
    .DIVdalt3lab1 {
        font-size: 1.1em;
    }
    .DIVdalt3lab2 {
        font-size: 2em;
    }
    .DIVdalt3lab3 {
        font-size: 0.9em;
        max-width: 100%;
    }
    .DIVdalt3cercador {
        margin-top: 20px;
        height: 40px;
        border-radius: 20px;
    }
    .DIVdalt3BuscTex {
        line-height: 40px;
    }
    .DIVdalt3BuscLabel {
        line-height: 40px;
    }
    .DIVdalt3BuscLupa {
        width: 40px;
        height: 40px;
    }
    #DIVdalt3BuscDiv {
        top: 40px;
    }
    .DIVbaix1 > div > div {
        background-size: auto 70px;
        height: 160px;
    }
    .DIVbaix1 > div > div {
        background-size: auto 55px;
        height: 120px;
    }
    .PLA_ntilla {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .PLA_titol {
        font-size: 1.6em;
    }
    .POR_div1.num2 {
        grid-template-columns: calc((100% / 2) - (20px / 2)) calc((100% / 2) - (20px / 2));
    }
    .POR_div1 {
        grid-template-columns: calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3));
    }
    .POR_div1.num3 {
        grid-template-columns: calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3));
    }
    .POR_div1.num2 {
        grid-template-columns: calc((100% / 2) - (20px / 2)) calc((100% / 2) - (20px / 2));
    }
    .POR_div1.num1 {
        grid-template-columns: calc((100% / 2) - (20px / 2));
    }
    .POR_div1div {
        margin-top: 30px;
    }
    .POR_div1divIco {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        top: -25px;
        background-size: 44px 44px;
    }
    .POR_div1divIco.desta {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        top: -20px;
        background-size: 30px 30px;
    }
    .POR_div1divTit {
        padding-bottom: 5px;
        font-size: 1em;
    }
    .POR_div1divTex {
        font-size: 0.8em;
    }
}
@media (min-width: 1000px)
{
    .DIV1200 {
        max-width: 940px;
    }
    .DIVdalt1a, .DIVdalt1b, .DIVdalt1c {
        line-height: 45px;
    }
    .DIVdalt1aLabel {
        background-position: -5px 8px;
    }
    .DIVdalt1ico {
        background-position: center 13px;
    }
    .DIVdalt1idioma {
        background-position: 3px 12px;
    }
    .DIVdalt2 {
        height: 100px;
    }
    .DIVdaltLogo {
        width: 210px;
        height: 100px;
    }
    #CarpetaCiutadana2023 {
        left: 210px;
    }
    #CarpetaCiutadana2023 > div > a {
        margin-left: 40px;
        line-height: 50px;
        font-size: 0.95em;
    }
    #CarpetaCiutadana2023 > #CarpetaCiutadana20232659 > a {
        padding-left: 50px;
        padding-right: 30px;
        background-image: url(../Imas/General/arrow_down_black.png);
        background-color: #f5f5f5;
        background-position: calc(100% - 10px) center;
    }
    #CarpetaCiutadana2023 > #CarpetaCiutadana20232659 > a::before {
        display: inline-block;
        background-size: 36px 36px;
        width: 36px;
        height: 36px;
        left: 7px;
        top: 7px;
    }
    .DIVdalt3 > div {
        height: 450px;
    }
    .DIVdalt3.med > div {
        height: 350px;
    }
    .DIVdalt3.pet > div {
        height: 150px;
    }
    .DIVdalt3lab1 {
        font-size: 1.2em;
    }
    .DIVdalt3lab2 {
        font-size: 2.2em;
    }
    .DIVdalt3lab3 {
        font-size: 0.95em;
        max-width: 60%;
    }
    .DIVdalt3cercador {
        margin-top: 25px;
        height: 46px;
        border-radius: 23px;
    }
    .DIVdalt3BuscTex {
        line-height: 46px;
    }
    .DIVdalt3BuscLabel {
        line-height: 46px;
    }
    .DIVdalt3BuscLupa {
        width: 46px;
        height: 46px;
    }
    #DIVdalt3BuscDiv {
        top: 46px;
    }
    .DIVbaix1 > div > div {
        background-size: auto 70px;
        height: 160px;
    }
    .PLA_ntilla {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .PLA_titol {
        font-size: 1.8em;
    }
    .POR_div1 {
        grid-template-columns: calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3));
    }
    .POR_div1.num3 {
        grid-template-columns: calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3));
    }
    .POR_div1.num2 {
        grid-template-columns: calc((100% / 2) - (20px / 2)) calc((100% / 2) - (20px / 2));
    }
    .POR_div1.num1 {
        grid-template-columns: calc((100% / 2) - (20px / 2));
    }
    .POR_div1div {
        margin-top: 40px;
    }
    .POR_div1divIco {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        top: -30px;
        background-size: 50px 50px;
    }
    .POR_div1divIco.desta {
        width: 44px;
        height: 44px;
        border-radius: 22px;
        top: -22px;
        background-size: 36px 36px;
    }
    .POR_div1divTit {
        padding-bottom: 7px;
        font-size: 1.05em;
    }
    .POR_div1divTex {
        font-size: 0.85em;
    }
}
@media (min-width: 1260px)
{
    .DIV1200 {
        max-width: 1200px;
    }
    .DIVdalt1a, .DIVdalt1b, .DIVdalt1c {
        line-height: 50px;
    }
    .DIVdalt1aLabel {
        background-position: -5px 10px;
    }
    .DIVdalt1ico {
        background-position: center 14px;
    }
    .DIVdalt1idioma {
        background-position: 3px 14px;
    }
    .DIVdalt2 {
        height: 120px;
    }
    .DIVdaltLogo {
        width: 252px;
        height: 120px;
    }
    #CarpetaCiutadana2023 {
        left: 252px;
    }
    #CarpetaCiutadana2023 > div > a {
        margin-left: 50px;
        font-size: 1em;
    }
    #CarpetaCiutadana2023 > #CarpetaCiutadana20232659 > a {
        padding-left: 60px;
        padding-right: 40px;
        background-position: calc(100% - 15px) center;
    }
    #CarpetaCiutadana2023 > #CarpetaCiutadana20232659 > a::before {
        background-size: 44px 44px;
        width: 44px;
        height: 44px;
        left: 3px;
        top: 3px;
    }
    .DIVdalt3 > div {
        height: 550px;
    }
    .DIVdalt3.med > div {
        height: 400px;
    }
    .DIVdalt3.pet > div {
        height: 200px;
    }
    .DIVdalt3lab1 {
        font-size: 1.3em;
    }
    .DIVdalt3lab2 {
        font-size: 2.4em;
    }
    .DIVdalt3lab3 {
        font-size: 1em;
        max-width: 50%;
    }
    .DIVdalt3cercador {
        margin-top: 30px;
        height: 50px;
        border-radius: 25px;
    }
    .DIVdalt3BuscTex {
        line-height: 50px;
    }
    .DIVdalt3BuscLabel {
        left: 20px;
        line-height: 50px;
    }
    .DIVdalt3BuscLupa {
        background-size: 24px 24px;
        width: 50px;
        height: 50px;
    }
    #DIVdalt3BuscDiv {
        top: 50px;
    }
    .DIVbaix1 > div > div {
        background-size: auto 80px;
        height: 200px;
    }
    .PLA_ntilla {
        padding-bottom: 70px;
        padding-top: 70px;
    }
    .PLA_titol {
        font-size: 2em;
    }
    .POR_div1 {
        grid-template-columns: calc((100% / 4) - (60px / 4)) calc((100% / 4) - (60px / 4)) calc((100% / 4) - (60px / 4)) calc((100% / 4) - (60px / 4));
    }
    .POR_div1.num3 {
        grid-template-columns: calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3));
    }
    .POR_div1.num2 {
        grid-template-columns: calc((100% / 3) - (40px / 3)) calc((100% / 3) - (40px / 3));
    }
    .POR_div1.num1 {
        grid-template-columns: calc((100% / 3) - (40px / 3));
    }
    .POR_div1div {
        margin-top: 50px;
        padding: 20px;
        padding-top: 40px;
    }
    .POR_div1divIco {
        width: 70px;
        height: 70px;
        border-radius: 35px;
        top: -35px;
        background-size: 60px 60px;
    }
    .POR_div1divIco.desta {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        top: -25px;
        background-size: 40px 40px;
    }
    .POR_div1divTit {
        padding-bottom: 10px;
        font-size: 1.1em;
    }
    .POR_div1divTex {
        font-size: 0.9em;
    }
}