@charset "UTF-8";
/* CSS Document */

.Wrapper {
	background-color: #FFFFFF;
	max-width:1200px;
	margin:0 auto;
}

.Wrapper-Square {
	background-color: #FFFFFF;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.MainPage {
    width: 100%;
    float: left;
}

.Container {
	/*float: left;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	-moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;

	
}


.Colonna {
	background-color: #9C3;
	float: left;
	width: 25%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.Colonna-Inside {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	-moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
	overflow:hidden;
}


.Colonna-Inside-Rot {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.Colonna-Inside-Box {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
    background-color: #FF0000;
}


.Colonna-Inside-100 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0%;
}

.Colonna-50 {
	float: left;
	width: 50%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

.Colonna-50-Rot {
	float: left;
	width: 50%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	
}


.Colonna-100 {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #12E5DD;
	
}



/* SMARTPHONE PORTRAIT */
@media only screen and (min-width: 320px) and (max-width: 480px) {

	
	
.Colonna, .Colonna-50, .Colonna-50-Rot {
	width: 100%;
}

    .Colonna-Inside-100 {
	padding-left: 0px;
}


}


/* SMARTPHONE LANDSCAPE */
@media only screen and (min-width: 481px) and (max-width: 768px) {

.Colonna, .Colonna-50, .Colonna-50-Rot {
	width: 100%;
}

    .Colonna-Inside-100 {
	padding-left: 0px;
}
    
	
}




/* TABLET */
@media only screen and (min-width: 769px) and (max-width: 1024px) {

	
.Colonna-Inside-100 {
	padding-left: 0px;
}
	

	
}




/* DESKTOP */
@media only screen and (min-width: 1025px) {
	
	
}