/*
================================================================================
   Copyright (C) 2013 by Mauro Vieira
   Author:    Mauro Vieira
   License:   Open Source
   Homepage:  
================================================================================
*/

/*defineGrid - Define qual vai ser o limite MAXIMO da página */
.defineGrid {
    display: block;
    max-width: 950px;
    margin:auto;

}
/*row - linha que vai dividar os diferentes blocos*/
.row {
    width:99.9%;
    display:inline-block;
    position: relative;
/*    top:10px;*/
}

.fullWidth {
    width:100%;
    float:left;
}
.oneHalf {
    width:49.5%;
    float:left;
}
.oneHalfLast {
    width:49.5%;
    float:right;
}
.oneThird {
    width:32.6%;
    float:left;
    margin-right:1%;
    margin-bottom:1%;
    max-height:280px;
}
.oneThirdLast {
    width:32.6%;
    float:right;
}
.twoThird {
    width:66.3%;
    float:left;
    margin-right: 1%;
}
.twoThirdLast {
    width:66.3%;
    float:right;
}
.oneFourth {
    width:24.25%;
    float:left;
    margin-right:1%;
}
.oneFourthLast {
    width:24.24%;
    float:right;
}
.threeFourth {
    width:74.69%;
    float:left;
    margin-right: 1%;
}
.threeFourthLast {
    width:74.69%;
    float:right;
}
.oneFifth {
    width:19.2%;
    float:left;
    margin-right:1%;
}
.oneFifthLast {
    width:19.2%;
    float:right;
}
.twoFifth {
    width:39.4%;
    float:left;
    margin-right:1%;
}
.twoFifthLast {
    width:39.4%;
    float:right;
}
.threeFifth {
    width:59.6%;
    float:left;
    margin-right:1%;
}
.threeFifthLast {
    width:59.6%;
    float:right;
}
.fourFifth {
    width:79.8%;
    float:left;
    margin-right:1%;
}
.fourFifthLast {
    width:79.8%;
    float:right;
}
.oneSixth {
    width: 15.89%;
    float: left;
    margin-right: 1%;
}
.oneSixthLast {
    width: 15.40%;
    float: right;
}
.fifthSixth {
    width: 83.1%;
    float: left;
    margin-right: 1%;
}
.fifthSixthLast {
    width: 83%;
    float: right;
}
/*@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .defineGrid, .fullWidth, .oneHalf, .oneHalfLast, .oneThird, .oneThirdLast, .twoThird, .twoThirdLast, .threeFourth, .threeFourthLast, .oneFifth, .oneFifthLast, .threeFifth, .threeFifthLast, .fourFifth, .fourFifthLast, .twoFifth, .twoFifthLast, .fifthSixth, .fifthSixthLast {
        width:100%;
        float:left;
    }
    .oneFourth, .oneFourthLast {
        width:49%;
        float: left;
    }
    .oneSixth, .oneSixthLast {
        width:49%;
        float: left;
    }
}
@media only screen and (min-width : 480px) and (max-width : 768px) {
    .defineGrid, .fullWidth, .oneHalf, .oneHalfLast, .oneThird, .oneThirdLast, .twoThird, .twoThirdLast, .threeFourth, .threeFourthLast, .oneFifth, .oneFifthLast, .threeFifth, .threeFifthLast, .fourFifth, .fourFifthLast, .twoFifth, .twoFifthLast, .fifthSixth, .fifthSixthLast {
        width:100%;
        float:left;
    }
    .oneFourth, .oneFourthLast {
        width:49%;
        float: left;
    }
    .oneSixth, .oneSixthLast {
        width:49%;
        float: left;
    }
}*/
@media only screen and (min-width : 280px) and (max-width : 500px) {
    .defineGrid, .fullWidth, .oneHalf, .oneHalfLast, .oneFourth, .oneThird, .oneThirdLast, .twoThird, .twoThirdLast,.oneFourthLast, .threeFourth, .threeFourthLast, .oneFifth, .oneFifthLast, .threeFifth, .threeFifthLast, .fourFifth, .fourFifthLast, .twoFifth, .twoFifthLast, .fifthSixth, .fifthSixthLast {
        width:100%;
        float:left;
        
    }
	

    .oneSixth, .oneSixthLast {
        width:100%;
        float: left;
    }
}