/******************************     TABLET     ****************************************/
@media only screen and (min-width: 600px) and (max-width:1000px) {

    #barralogo_util {
        width: 100%;
    }

    #barra_menu {
        overflow: inherit;
    }

    #barra_menu .tab_menu, #barra_menu .tab_menu_cerca {
        width: 19%;
    }

    #barra_menu .titol_tab, #barra_menu .titol_tab_cerca {
        margin-left: -19%;
        width: 19%;
    }

    .titol_tab_cerca .input_text {
        width: 70%;
    }

    #cos_util {
        width: 100%;
    }

    #seccio1 {
        background-color: white;
        width: 100%;
        height: auto;
    }

    #espaiBanner {
        width: 100%;
    }

    .bannersSlider .pastilla {
        width: 31%;
        margin-left: 1%;
        float: left;
    }

    #ombreSeccio1 {
        width: 100%;
    }

    .util {
        width: 100%;
    }

    .sector700 {
        width:100%;
    }

    #seccio3 .sector700 .titol {
        padding-right: 40px;
    }

    .sector700 .noticies {
        width: 100%;
    }

    .sector700 .agenda {
        width: 100%;
    }

    .sector700 .actes {
        width: 100%;
    }

    .sector200 {
        width: 100%;
    }

    #seccio2 .social_twitter .twitterBox {
        width:100%;
    }

    .sector200 .twitterBox {
        float: left;
        width:100%;
    }

    #seccio2 .social_facebook iframe {
        width: 100%;
    }

    .sector200 .pastilla {
        float: left;
    }

    .sector200 .webs {
        width: 100%;
        background-size: cover;
    }


    #destacats .util {
        width: 100%;
        overflow: hidden;
    }

    #destacats .bannersTots ul li {
        margin: 0 5px 0 0;
    }

    #destacats .fletxa_esq,
    #destacats .fletxa_dre
    {
        width: 5%;
    }

    #destacats .banners {
        width: 85%;
    }

    .sector200 .twitterBox iframe {
        width: 100%!important;
    }

    #seccio4 .sector300 {
        padding: 10px 20px;
        margin: 0;
        width: 95%;
        margin-bottom: 20px;
    }

    #seccio4 .sector600 {
        padding: 10px 20px;
        margin: 0;
        width: 95%;
        margin-bottom: 20px;
    }

    #peu_silueta {
        width:100%;
    }

    #peu_blanc #credits {
        height: auto;
    }

    #mapa_web {
        margin-left: 0;
    }


    div.filAriana3.caixa
    {
        margin-top: 0;
    }

    #article {
        overflow-x: hidden;
        overflow-y: auto;
    }

    #article .esquerra {
        width: 100%;
    }

    #article .esquerra .filAriana3 ul.titol_llistat li.titol_llistat {
        float: left;
        margin-left: 1%;
    }

    #article .apartats {
        position: absolute;
        z-index: 100;
        display: none;
    }

    #article .central,
    #article .central_sense_menu {
        width: 95%;
    }

    #article .documents {
        width: auto;
    }

    #article .esquerra {
        width: 100%;
    }

    #article .esquerra .filAriana3 ul.titol_llistat li.titol_llistat {
        width: 23%;
        margin-right: 0.5%;
    }

    .titol_tab_cerca .img_cerca {
        margin-left: 2px;
        padding-top: 2px;
    }

}



/******************************     MOBIL    ****************************************/
@media only screen and (max-width: 600px) {

    /*           només portada                       */
    #seccio1 {
        width:100%;
        height: auto;
        overflow: auto;
    }

    .sector700 {
        width:100%
    }

    #espaiBanner {
        width: 100%;
    }

    #espaiBanner .nivoSlider {
        float: left ;
        height: auto;
    }

    div.bannersSlider {
        float: left;
        width: 100%;
        padding-top: 0;
    }

    .bannersSlider .pastilla {
        width: 48%;
        margin-right: 1%;
        float: left;
    }


    #ombreSeccio1 {
        width: 100%;
    }

    .sector700 .noticies {
        width: 97%;
    }

    .sector700 .agenda {
        width: 97%;
        margin-left: 8px;
        margin-top: 10px;
    }

    .sector700 .noticies .barraOpcions,
    .sector700 .agenda .barraOpcions  {
        text-align: center;
    }

    .sector700 .agenda .actes {
        width:100%;
    }

    .sector200,
    #seccio2 .social_twitter .twitterBox,
    .sector200 .twitterBox iframe{
        width: 100%;
    }

    .sector200 .pastilla img{
        width: 48%;
    }

    .sector200 .pastillaEstreta {
        margin-right: 1%;
    }

    .sector700 .serveisTemes {
        padding: 5px;
        overflow: auto;
    }

    .sector200 .webs {
        width: 100%;
        background-size: cover;
    }

    .serveisTemes table td {
        padding-left: 10px;
    }


    /*           Portada i/o continguts                       */
    #article .dadesTramit
    {
        margin-left:0;
    }

    #cos_util {
        width: 100%;
    }

    #barralogo {
        height: auto;
    }

    #barralogo_util {
        width: auto;
        overflow: hidden;
    }

    #traductor {
        display: none;
    }

    #barra_menu {
        height: auto;
    }

    #enllac_destacat {
        float: left;
        padding-top: 0;
        padding-left: 4%;
        width: 95%;
    }

    #enllac_destacat a {
        margin-left: 4%;
    }

    #header {
        margin-bottom: 5px;
        overflow: hidden;
    }

    #cos_util #header #manresa_centre {
        margin-top: 18px;
        width: auto;
    }

    #cos_util #header #manresa_centre img {
        content:url('/img/header/manresa_cor_small.png');
    }

    #cos_util #header #temps {
        display:none;
    }

    #barra_menu .tab_menu {
        display: none;

    }

    #barra_menu .titol_tab,
    #barra_menu .titol_tab_cerca {
        margin-left: -0;
        width: auto;
        background-color: rgba(0,0,0,0.6);
        border-top-color: rgba(50,50,50,0.6);
        border-top-style: solid;
        border-top-width: 3px;
        margin-top: 0 !important;
        margin-right: 1%;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }

    #barra_menu .titol_tab:hover {
        background-color: #bc2e3d;
    }

    .titol_tab.select {
        border-top: 3px solid #993333!important;
    }

    #barra_menu .tab_menu_cerca {
        display: none;
    }

    .titol_tab_cerca .input_cerca {
        width: 80%;
    }

    #barra_menu .titol_tab_cerca {
        width: 95%;
    }

    .titol_tab_cerca .input_text {
        width: 80%;
    }

    #cos_util .desplegable.visible {
        width: 100%;
    }

    .util {
        width:100%;
    }

    .desplegable_content table {
        margin-right: 0;
    }

    div.filAriana3.caixa
    {
        margin-top: 0;
    }

    #article {
        overflow-x: hidden;
        overflow-y: auto;
    }

    #article .esquerra {
        width: 100%;
    }

    #article .esquerra .filAriana3 ul.titol_llistat li.titol_llistat {
        float: left;
        margin-left: 1%;
    }

    #article .apartats {
        position: absolute;
        z-index: 100;
        display: none;
    }

    #article .central,
    #article .central_sense_menu {
        width: 95%;
    }

    #article .documents {
        width: auto;
    }

    .social {
        height: 60px;
    }

    #seccio2 .social_facebook iframe {
        width: 100%;
    }


    #seccio3 .sector700 .caixa_ombres{
        clear:both;
    }

    #seccio4 .sector300 {
        width: 100%;
        margin-left: 0;
    }

    #seccio4 .sector600 {
        width: 100%;
        height: auto;
        margin-left: 0;
        padding:1%;
    }

    #destacats .util {
        width: 100%;
        overflow: hidden;
    }

    #destacats .bannersTots ul li {
        margin: 0 5px 0 0;
    }

    #destacats .fletxa_esq,
    #destacats .fletxa_dre
    {
        width: 5%;
    }

    #destacats .banners {
        width: 85%;
    }

    #peu #peu_silueta {
        display: none;
    }

    #peu_blanc #mapa_web {
        display: none;
    }

    #peu_blanc #credits {
        height: auto;
    }



}