/**************** BLOCS DE 4 ********************/


/*******************************************************************/


/*  SECTIONS  */

.serveis_section {
    clear: both;
    padding: 0px;
    margin: 0px;
}


/*  COLUMN SETUP  */

.serveis_col {
    display: block;
    float: left;
    margin: 1% 0 1% 2%;
}

.serveis_col:first-child {
    margin-left: 0;
}


/*  GROUPING  */

.serveis_group:before,
.serveis_group:after {
    content: "";
    display: table;
}

.serveis_group:after {
    clear: both;
}

.serveis_group {
    zoom: 1;
    /* For IE 6/7 */
}


/*  GRID OF FOUR  */

.serveis_span_4_of_4 {
    width: 100%;
}

.serveis_span_3_of_4 {
    width: 74.5%;
}

.serveis_span_2_of_4 {
    width: 49%;
}

.serveis_span_1_of_4 {
    width: 23.5%;
}


/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 1159px) {
    .serveis_col {
        margin: 1% 0 1% 2%;
    }
    .serveis_col:first-child {
        margin-left: 0;
    }
    .serveis_span_1_of_4,
    .serveis_span_2_of_4,
    .serveis_span_3_of_4,
    .serveis_span_4_of_4 {
        width: 49%;
    }
    .serveis_span_1_of_4:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }
}


/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 800px) {
    .serveis_col {
        margin: 2% 0 3% 0%;
    }
    .serveis_span_1_of_4,
    .serveis_span_2_of_4,
    .serveis_span_3_of_4,
    .serveis_span_4_of_4 {
        width: 100%;
    }
}

.serveis img {
    width: 100%;
}


/*******************************************************************/


/**************** BLOCS DE 3 ********************/


/*  SECTIONS  */

.serveis_block03_section {
    clear: both;
    padding: 0px;
    margin: 0px;
}


/*  COLUMN SETUP  */

.serveis_block03_col {
    font-size: 0.9em;
    display: block;
    float: left;
    margin: 1% 0 1% 0%;
}

.serveis_block03_col:first-child {
    margin-left: 0;
}


/*  GROUPING  */

.serveis_block03_group:before,
.serveis_block03_group:after {
    content: "";
    display: table;
}

.serveis_block03_group:after {
    clear: both;
}

.serveis_block03_group {
    zoom: 1;
    /* For IE 6/7 */
}


/*  GRID OF THREE  */

.serveis_block03_span_3_of_3 {
    width: 100%;
}

.serveis_block03_span_2_of_3 {
    width: 66%;
}

.serveis_block03_span_1_of_3 {
    width: 32%;
}


/*  GO FULL WIDTH BELOW 800 PIXELS */

@media screen and (max-width: 802px) {
    .serveis_block03_col {
        margin: 1% 0 1% 0%;
    }
    .serveis_block03_span_3_of_3,
    .serveis_block03_span_2_of_3,
    .serveis_block03_span_1_of_3 {
        width: 100%;
    }
}


/*******************************************************************/


/* generals */

.franja_menu_serveis {
    background-color: #FFFFFF;
    padding: 0px 10px 50px 10px;
    font-size: 1.1em;
}


/*******************************************************************/


/* estils de les botoneres */

.serveis_block03_etiquetes_menu {
    padding: 0;
    margin-top: 0;
    font-size: 0.85em;
    font-weight: lighter;
}

.serveis_block03_etiquetes_menu>li {
    margin: 5px 7px 0 0;
    padding: 7px 7px 7px 7px;
    position: relative;
    list-style: none;
    display: inline-block;
}

.serveis_block03_etiquetes_menu>li.actiu {
    background-color: #000000;
}

.serveis_block03_etiquetes_menu>li.inactiu {
    background-color: #C0C0C0;
}

.serveis_block03_etiquetes_menu>li a {
    color: white;
    padding: 7px;
}

.serveis_opcions {
    margin-bottom: 30px;
}

div#options_title {
    margin: 0px;
    padding: 2px 0px 2px 10px;
}

#options_title_text {
    font-size: 0.9em;
    cursor: pointer;
}

div#options_details {
    margin: 0px;
    padding: 10px 0px 0px 35px;
}

.options_details_title {
    text-transform: uppercase;
    font-size: 0.85em;
}

div#options_aplicate {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 35px;
    text-align: left;
}

.serveis_block_options {
    padding: 0;
    margin-top: 0;
    font-size: 0.75em;
    font-weight: lighter;
}

.serveis_block_options>li {
    margin: 5px 7px 0 0;
    padding: 3px 5px 3px 5px;
    position: relative;
    list-style: none;
    display: inline-block;
    color: #FFFFFF;
    cursor: pointer;
}

.serveis_block_options>li.actiu {
    background-color: #444444;
}

.serveis_block_options>li.inactiu {
    background-color: #C0C0C0;
}

.serveis_opcions #aplicate {
    margin: 15px 7px 5px 0;
    padding: 5px 8px 5px 8px;
    position: relative;
    list-style: none;
    display: inline-block;
    color: #FFFFFF;
    cursor: pointer;
    background-color: #d20a11;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: normal;
}

.serveis_vista {
    text-align: right;
}

.serveis_vista>a>.actiu {
    color: #000000;
}

.serveis_vista>a>.inactiu {
    color: #C0C0C0;
}


/*******************************************************************/


/* estils de les capses de serveis */

.footer_photo_serveis {
    position: relative;
    margin-top: 0px;
    top: -5px;
    padding: 10px;
    padding-bottom: 20px;
    color: #000000;
    background-color: #DADADA;
    height: 165px;
    overflow: hidden;
}

.footer_photo_serveis_main {
    line-height: 0.8em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.footer_photo_serveis hr {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.title_footer_photo_serveis {
    font-size: 0.85em;
    font-weight: bold;
    line-height: 18px;
}

.subtitle_footer_photo_serveis {
    font-size: 0.65em;
}

.desc_footer_photo_serveis {
    font-size: 0.7em;
}

.desc_footer_photo_serveis>a {
    color: #000000 !important;
    text-decoration: none !important;
}


/*******************************************************************/


/* estils de la paginació de serveis */

.serveis_pagination {
    text-align: right;
    color: #D20A11;
}

.serveis_pagination>a {
    color: #D20A11;
}

.services_cp {
    font-weight: bold;
}


/*******************************************************************/


/* imprimir */

@media print {
    #menus,
    #social_links,
    #languages {
        display: none !important;
    }
    .serveis_botonera,
    .serveis_opcions {
        display: none !important;
    }
    .serveis_vista {
        display: none !important;
    }
    .franja_menu_serveis img {
        display: none !important;
    }
}