/* *  Il sole e la terra *  Template adattivo **/
/*
 *    by Il Dato S.r.l. www.ildato.it
 */

/* *  Base layout (up to 480px) **/
body {
padding:8px;
}

img {
max-width:100%;
height:auto;
}

#outer {
width:100%;
}

.logo {
height:130px;
padding-right:15px;
background:url(../images/logo_left.png) no-repeat top left, url(../images/logo_right.png) no-repeat bottom right;
}

.header,.principale,.box,.footer {
width:100%;
}

.menuprincipale {
/*height: 60px;*/
height:auto;
margin-bottom:10px;
}

.moduletable_submenu ul {
padding:0 0 10px;
}

.moduletable_submenu_gallery{
  margin-bottom: 10px;
  width: 100%;
  height: 30px;
  clear: both;
}

.moduletable_submenu li, .moduletable_submenu_gallery li{
float:left;
margin:5px 5px 5px 8px;
}

.search {
clear:both;
margin-top:20px;
}

.news {
margin-top:20px;
}

.colonna1home,.colonna2home {
width:100%;
}

.colonna1home img,.colonna2home img {
width:100%;
}

.colonna1,.colonna2 {
width:100%;
}

.k2TagCloudBlock {
display:none;
}

#k2Container {
overflow:hidden;
}

.box1,.box2,.box3,.box4 {
margin:10px auto;
}

.footer1,.footer2,.footer3 {
float:none;
margin:auto;
}

/******************************************************* *  From 500px **/
@media screen and (min-width: 500px) {
#sfmenu>ul>li {
width:25%;
margin-top:5px;
margin-bottom:5px;
}

.footer1 {
float:left;
}

.footer3 {
float:right;
}

.colonna1home img,.colonna2home img {
width:75%;
}

.moduletable_K2contentPrimo img {
height:auto;
width:250px;
}

.moduletable_K2contentBox {
height:254px;
}

.box1,.box2,.box3,.box4 {
width:49%;
margin:10px auto;
}

.box1,.box3 {
float:left;
}

.box2,.box4 {
float:right;
}

.box2 .moduletable {
height:180px;
}

.moduletable_K2contentBox img {
float:none!important;
height:auto;
width:100px;
}
}

/******************************************************* *  From 680px **/
@media screen and (min-width: 680px) {
.logo {
height:100px;
}

.moduletable_submenu ul {
padding:0 0 60px;
}

.moduletable_submenu li {
float:none;
margin:auto;
}

.search {
margin-top:0;
}

.colonna1home,.colonna2home {
width:49%;
float:left;
}

.colonna1home img,.colonna2home img {
width:auto;
}

.colonna1 {
width:28%;
float:left;
}

.colonna2 {
width:70%;
float:left;
}

.k2TagCloudBlock
  {  
    display: block;
  }    
}

/******************************************************* *  From 960px **/
@media screen and (min-width: 960px) {
#outer {
width:950px;
margin:auto;
}

.logo {
background:#424716 url(../images/logo.jpg) no-repeat top left;
}

.menuprincipale {
height:40px;
}

#sfmenu>ul>li {
width:auto;
margin-top:10px;
}

.news {
margin-top:10px;
}

.colonna1home {
width:470px;
float:left;
}

.colonna2home {
float:left;
width:470px;
}

.colonna1 {
width:270px;
float:left;
}

.colonna2 {
width:668px;
float:left;
}

.box1,.box2,.box3, .box4{
margin:10px 10px 10px 0;
width:230px;
float:left;
}

.box4{
margin:10px 0 10px 0;
}

.footer1,.footer3 {
float:left;
width:50%;
}

.footer2 {
float:left;
width:20%;
}

.moduletable_K2content {
height:420px;
}

.moduletable_K2content img {
height:300px!important;
width:auto!important;
}

.moduletable_submenu_gallery { display: none;}

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
float:none;
}
}