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


/***********************************************
Screen 100%
***********************************************/




#contenitore .box_grid_1, #contenitore .box_grid_2,
#contenitore .box_grid_3, #contenitore .box_grid_4,
#contenitore .box_grid_5, #contenitore .box_grid_6,
#contenitore .box_grid_7, #contenitore .box_grid_8,
#contenitore .box_grid_9, #contenitore .box_grid_10,
#contenitore .box_grid_11, #contenitore .box_grid_12 {
    margin: 0 0.5%;
    margin-bottom: 20px;
    padding: 15px;
    float: left;
    display: inline;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    border: 1.5px solid #d3d6d7;
    /* border: 1px solid #ccc; */
    /*box-shadow: 0px 0px 12px -3px rgb(0 101 139 / 58%);*/
    color: #878a99;
    /*overflow: auto;*/

}

#contenitore .offset_1, #contenitore .offset_2,
#contenitore .offset_3, #contenitore .offset_4,
#contenitore .offset_5, #contenitore .offset_6,
#contenitore .offset_7, #contenitore .offset_8,
#contenitore .offset_9, #contenitore .offset_10,
#contenitore .offset_11, #contenitore .offset_12 {

    float: left;
    display: inline;

}

#contenitore .box_h_1, #contenitore .box_h_2,
#contenitore .box_h_3, #contenitore .box_h_4,
#contenitore .box_h_5, #contenitore .box_h_6 {}

#contenitore .box_grid_1 {
    width: 7.333%;
}

#contenitore .box_grid_2 {
    width: 15.667%;
}

#contenitore .box_grid_3 {
    width: 24%;
}

#contenitore .box_grid_4 {
    width: 32.333%;
}

#contenitore .box_grid_5 {
    width: 40.667%;
}

#contenitore .box_grid_6 {
    width: 49%;
}

#contenitore .box_grid_7 {
    width: 57.333%;
}

#contenitore .box_grid_8 {
    width: 65.667%;
}

#contenitore .box_grid_9 {
    width: 74%;
}

#contenitore .box_grid_10 {
    width: 82.333%;
}

#contenitore .box_grid_11 {
    width: 90.667%;
}

#contenitore .box_grid_12 {
    width: 99%;
}

#contenitore .offset_1 {
    margin-left: 8.333%;
}

#contenitore .offset_2 {
    margin-left: 16.667%;
}

#contenitore .offset_3 {
    margin-left: 25%;
}

#contenitore .offset_4 {
    margin-left: 33.333%;
}

#contenitore .offset_5 {
    margin-left: 41.667%;
}

#contenitore .offset_6 {
    margin-left: 50%;
}

#contenitore .offset_7 {
    margin-left: 58.333%;
}

#contenitore .offset_8 {
    margin-left: 66.667%;
}

#contenitore .offset_9 {
    margin-left: 75%;
}

#contenitore .offset_10 {
    margin-left: 83.333%;
}

#contenitore .offset_11 {
    margin-left: 91.667%;
}

/***** max height *****/

#contenitore .box_h_1 {
    height: 100px;
}

#contenitore .box_h_2 {
    height: 220px;
}

#contenitore .box_h_3 {
    height: 300px;
}

#contenitore .box_h_4 {
    height: 400px;
}

#contenitore .box_h_5 {
    height: 500px;
}

#contenitore .box_h_6 {
    height: 600px;
}

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

    #contenitore .box_grid_1, #contenitore .box_grid_2,
    #contenitore .box_grid_3, #contenitore .box_grid_4,
    #contenitore .box_grid_5, #contenitore .box_grid_6,
    #contenitore .box_grid_7, #contenitore .box_grid_8,
    #contenitore .box_grid_9, #contenitore .box_grid_10,
    #contenitore .box_grid_11, #contenitore .box_grid_12 {
        width: 100%;
        margin: 20px 0 0 0;
        float: none;
        display: block;
    }

    #contenitore .offset_1, #contenitore .offset_2,
    #contenitore .offset_3, #contenitore .offset_4,
    #contenitore .offset_5, #contenitore .offset_6,
    #contenitore .offset_7, #contenitore .offset_8,
    #contenitore .offset_9, #contenitore .offset_10,
    #contenitore .offset_11, #contenitore .offset_12 {

        width: 100%;
        float: none;
        display: block;

    }

}