/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2013, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/


/***********************************************
Screen 100%
***********************************************/
.row-max {
    margin: 0 auto;
    padding: 0 80px 0 80px;
    width: 100%;
    display: table;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.row-max .row-max {
    padding: 0;
}

.row-max .grid_1,
.row-max .grid_2,
.row-max .grid_3,
.row-max .grid_4,
.row-max .grid_5,
.row-max .grid_6,
.row-max .grid_7,
.row-max .grid_8,
.row-max .grid_9,
.row-max .grid_10,
.row-max .grid_11,
.row-max .grid_12 {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.row-max .grid_1 {
    width: 8.333%;
}

.row-max .grid_2 {
    width: 16.667%;
}

.row-max .grid_3 {
    width: 25%;
}

.row-max .grid_4 {
    width: 33.333%;
}

.row-max .grid_5 {
    width: 41.667%;
}

.row-max .grid_6 {
    width: 50%;
}

.row-max .grid_7 {
    width: 58.333%;
}

.row-max .grid_8 {
    width: 66.667%;
}

.row-max .grid_9 {
    width: 75%;
}

.row-max .grid_10 {
    width: 83.333%;
}

.row-max .grid_11 {
    width: 91.667%;
}

.row-max .grid_12 {
    width: 100%;
}

.row-max .offset_1 {
    margin-left: 8.333%;
}

.row-max .offset_2 {
    margin-left: 16.667%;
}

.row-max .offset_3 {
    margin-left: 25%;
}

.row-max .offset_4 {
    margin-left: 33.333%;
}

.row-max .offset_4_right {
    margin-right: 33.333%;
}


.row-max .offset_5 {
    margin-left: 41.667%;
}

.row-max .offset_6 {
    margin-left: 50%;
}

.row-max .offset_7 {
    margin-left: 58.333%;
}

.row-max .offset_8 {
    margin-left: 66.667%;
}

.row-max .offset_9 {
    margin-left: 75%;
}

.row-max .offset_10 {
    margin-left: 83.333%;
}

.row-max .offset_11 {
    margin-left: 91.667%;
}

/*nuevo*/

.show-mobile {
    display: none !important;
}

.hide-screen {
    display: none !important
}

/***********************************************
Mobile
***********************************************/
@media only screen and (max-width: 767px) {

    .row-max {
        padding: 0 16px;
        display: block;
    }

    .row-max .row-max {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
    }

    .row-max .grid_1,
    .row-max .grid_2,
    .row-max .grid_3,
    .row-max .grid_4,
    .row-max .grid_5,
    .row-max .grid_6,
    .row-max .grid_7,
    .row-max .grid_8,
    .row-max .grid_9,
    .row-max .grid_10,
    .row-max .grid_11,
    .row-max .grid_12 {
        width: 100%;
        margin: 10px 0 0 0;
        float: none;
        display: block;
    }



}