/*  SECTIONS  ============================================================================= */

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

/*  GROUPING  ============================================================================= */


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

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
    display: block;
    float: left;
    margin: 1% 0 1.5% 2.5%;
}

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

.col2 {
    display: block;
    float: left;
    margin: 1% 0 1.5% 2.5%;
}

    .col2:first-child {
        margin-left: 0;
    }
/* all browsers except IE6 and lower */

/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
    width: 100%;
}

.span_1_of_2 {
    width: 49.2%;
}

/*  GRID OF FOUR   ============================================================================= */

.span_4_of_4 {
    width: 100%;
}

.span_3_of_4 {
    width: 74.375%;
}

.span_2_of_4 {
    width: 48.75%;
}

.span_2_of_5 {
    width: 67%;
}

.span_1_of_4 {
    width: 23.125%;
}
.span_1_of_4:nth-child(4n+1) {
    clear: left;
}

/*  GRID OF SEVEN   ============================================================================= */


.span_1_of_7 {
    width: 12.14%;
}

/*  GRID OF EIGHT   ============================================================================= */


.span_1_of_8 {
    width: 10.3125%;
}

.span_1_of_9 {
    width: 8.8%;
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 65.834%; 
}

.span_1_of_3 {
	width: 31.666%; 
}

.span_1_of_3:nth-child(3n+1) {
    clear:both;
    display:block;

}

@media only screen and (max-width: 38em) { /* -600 */
    .areasnegocio .span_1_of_8, .span_1_of_7 {
        width: 23.125%;
        margin-top: 1%;
        margin-bottom: 1.5%;
        margin-left: 2.5%;
    }

        .areasnegocio .span_1_of_8:first-child, .areasnegocio .span_1_of_8:nth-child(5), .span_1_of_7:first-child, .span_1_of_7:nth-child(5) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 39em) { /* 600 */
    

    .span_1_of_4.noticia, .span_2_of_4.noticia {
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left:0
    }

    .span_1_of_4.ondeestamos {
        width: 48.75%;
    }
    .span_1_of_4.half, .span_1_of_3.half {
        width: 48.75%;
        margin-left:2.5%
    }
     .span_1_of_4.half:nth-child(odd), .span_1_of_3.half:nth-child(odd) {
        margin-left: 0;
    }

    .colhalf {
        width: 48.5%;
        margin: 0 0 0 2.5%;
    }
     /*.gofull {
        width: 95%;
        margin-left: 2.5% !important;
        margin-right: 2.5% !important;
    }*/
     .gofull {
        width: 100%;
        margin-left:0;
        margin-right:0;
        margin-bottom:2em
    }
     .span_1_of_3:nth-child(2n+1) {
    clear: left;
    clear:both;
}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 500px) {
    .span_2_of_2 {
        width: 95%;
        margin-left: 2.5% !important;
        margin-right: 2.5% !important;
    }

    .span_1_of_2 {
        width: 95%;
        margin-left: 2.5% !important;
        margin-right: 2.5% !important;
    }

    .span_4_of_4 {
        width: 100%;
    }

    .span_3_of_4 {
        width: 100%;
    }

    .span_2_of_4 {
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .span_1_of_4 {
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
    }

        .span_1_of_4.ondeestamos {
            width: 100%;
            margin-left: 0;
        }
    .span_1_of_3 {
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .col {
        margin: 1% 0 1% 0%;
    }
    /*.gofull {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }*/
      .nomobilemenu {
        display: none !important;
    }
   .span_1_of_3:nth-child(2n+1) {
        margin-left: 0;
        clear:both;
    }
}
@media only screen and (min-width: 500px) {
     .nodesktopmenu {
        display: none !important;
    }
    
}
@media only screen and (min-width: 650px) {

      .span_1_of_4:nth-child(4n+1), .span_1_of_3:nth-child(3n+1) {
        margin-left: 0;
    }
    
}