﻿
*{padding:0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
		article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
		#pagewrap {width: 1100px;max-width: 100%;margin: 0 auto;}
		.wrapper {overflow: hidden;}
		h3{margin-bottom:10px;}

.colonnamia{float: left;margin-left: 3.2%;margin-bottom: 5px; text-align:left;}
		.fullwidth .colonnamia {float: none;margin-left: 0;}

.colonnamia1{float: left;margin-left: 1%;margin-bottom: 10px; text-align:left;}
		.fullwidth .colonnamia1 {float: none;margin-left: 0;}

.colonnamia2{float: right;margin-bottom: 0px; text-align:left;}
		.fullwidth .colonnamia2 {float: none;margin-left: 0;}


			/* grid6 col */
.grid6 .colonnamia1 {width: 12%;}


		/* grid4 col */
.grid4 .colonnamia {width: 22.6%;}
		

		/* grid4 col */
.grid41 .colonnamia2 {width: 24.0%;}

		/* grid3 col */
.grid3 .colonnamia {width: 31.2%;}
		
		/* grid2 col */
.grid2 .colonnamia {width: 48.4%;}
		
		/* clear col */
        .grid8 .colonnamia:nth-of-type(8n+1),
		.grid4 .colonnamia:nth-of-type(4n+1),
        .grid41 .colonnamia2:nth-of-type(4n+1),
		.grid3 .colonnamia:nth-of-type(3n+1),
		.grid2 .colonnamia:nth-of-type(2n+1) {
			margin-left: 0;
			clear: left;
		}

		/* reset cols to 3-column */
		@media screen and (max-width: 740px) {
			/* grid4 */
			.grid4 .colonnamia {
				width: 31.2%;
			}
			.grid4 .colonnamia:nth-of-type(4n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid4 .colonnamia:nth-of-type(3n+1) {
				margin-left: 0;
				clear: left;
			}

           .grid41 .colonnamia2 {
				width: 31.2%;
			}
			.grid41 .colonnamia2:nth-of-type(4n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid41 .colonnamia2:nth-of-type(3n+1) {
				margin-left: 0;
				clear: left;
			}


		}
		
		/* reset cols to 2-column */
		@media screen and (max-width: 600px) {
			/* grid4 */
			.grid4 .colonnamia {
				width: 48.4%;
			}
			.grid4 .colonnamia:nth-of-type(3n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid4 .colonnamia:nth-of-type(2n+1) {
				margin-left: 0;
				clear: left;
			}

            	/* grid4 */
			.grid41 .colonnamia2 {
				width: 48.4%;
			}
			.grid41 .colonnamia2:nth-of-type(3n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid41 .colonnamia2:nth-of-type(2n+1) {
				margin-left: 0;
				clear: left;
			}

		
			/* grid3 */
			.grid3 .colonnamia {
				width: 48.4%;
			}
			.grid3 .colonnamia:nth-of-type(3n+1) {
				margin-left: 3.2%;
				clear: none;
			}
			.grid3 .colonnamia:nth-of-type(2n+1) {
				margin-left: 0;
				clear: left;
			}
		}
		
		/* reset cols to fullwidth */
		@media screen and (max-width: 400px) {
			/* grid4 */
			.colonnamia {
				width: 100% !important;
				margin-left: 0 !important;
				clear: none !important;
            
			}

           /* grid4 */
			.colonnamia2 {
				width: 100% !important;
				margin-left: 0 !important;
				clear: none !important;
			}

		}