﻿

/* == Stili di base - Mobile first ========================================== */

.homediv01 {
display:block;
max-width:100%;
}
.homediv02 {
display:block;
max-width:100%;
}
.homediv3-01 {
display:block;
max-width:100%;
}
.homediv3-02 {
display:block;
max-width:100%;
}
.homediv3-03 {
display:block;
max-width:100%;
}
.homediv4-01 {
display:block;
max-width:100%;
}
.homediv4-02 {
display:block;
max-width:100%;
}
.homediv4-03 {
display:block;
max-width:100%;
}
.homediv4-04 {
display:block;
max-width:100%;
}


.homedivdx{
display:inline;
float:right;
max-width:100%;
margin-top:0px;
margin-bottom:20px;
border:0.1em solid #104179;
padding:0px;
background-color:#104179;
}
.homedivdx img{max-width:100%}
.homedivsx {
display:inline;
float:left;
max-width:100%;
margin-top:0px;
margin-bottom:20px;
border:0.1em solid #104179;
padding:0px;
background-color:#104179;

}
.homedivsx img{max-width:100%}











/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {

  /* Nascondiamo le sezioni che non vogliamo 
visualizzare su tablet e desktop        */

 
.homediv01 {
display:inline-block;
float:left;
max-width:72%;
padding-right:10px;
}
.homediv01 img{
 max-width:50%;
 float:right;
 margin-left:10px;
 border: solid 1px #7e293f;
}


.homediv02 {
display:inline-block;
float:right;
width:28%;
padding:10px;
border:solid 1px #104179;
}
.homediv3-01 {
display:inline-block;
float:left;
width:33%;
max-width:33%;
padding-right:10px;
}
.homediv3-02 {
display:inline-block;
float:left;
width:33%;
max-width:33%;
padding-left:10px;
}
.homediv3-03 {
display:inline-block;
float:left;
width:33%;
max-width:33%;
padding-left:10px;
}
.homediv4-01 {
display:inline-block;
float:left;
max-width:40%;
padding-right:10px;
}
.homediv4-02 {
display:inline-block;
float:right;
width:20%;
padding-right:10px;
}
.homediv4-03 {
display:inline-block;
float:right;
width:20%;
padding-right:10px;
}
.homediv4-04 {
display:inline-block;
float:right;
width:20%;
padding-right:10px;
}


.homedivdx{
display:inline;
float:right;
max-width:48%;
margin-top:0px;
margin-bottom:20px;
border:0.1em solid #104179;
padding:0px;
background-color:#104179;
}
.homedivdx img{max-width:100%}
.homedivsx {
display:inline;
float:left;
max-width:48%;
margin-top:0px;
margin-bottom:20px;
border:0.1em solid #104179;
padding:0px;
background-color:#104179;

}
.homedivsx img{max-width:100%}
}


/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px) {




}











/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px) {

}