#sx {
        float: left;
        width: 662px !important;
        width: 662px;
    }
    #dx {
        float: right;
        width: 326px !important;
        width: 326px;
    }
  
    #banner { 
        height: 345px; 
        position: relative; 
        overflow: hidden;
        margin: 20px 0;
    }
    #banner-button {
        position: absolute;
        z-index: 100;
        top: 60px;
        right: 0;
        width: 225px;
        height: 110px; 
    }
    
    #banner-content div {
        position: relative;
    }
    #banner-content h1 {
        display: block;
        background: url('../images/alpha-black.png') top left repeat;
        border-bottom: 1px solid #333;
        color: #FFF;
        padding: 10px 20px;
        margin: 0;
        position: absolute;
        z-index: 1000;
        top: 312px;
        left: 0;
        text-align: left;
        width: 100%;
        font-size: 10px;
        color: #CCC;
    }
    #banner-content h1 a {
        color: #FFF;
    }
    
    /* -------------------- NEWS ---------------------- */
    #home-news, #home-forum, #home-votarti {
        margin: 6px 0;     
    }
    .home-news, .home-forum, .home-votarti {
        background: #CFD1D2;
        
        padding: 10px;  
        margin: 16px 0;
    }
    #home-news h2, #home-forum h2 {
        padding: 2px 0 3px 25px;
        margin: 3px 0;
        color: #232020;
        background: url("../images/arrow-black.png") no-repeat scroll left center transparent;
        
        font-size: 16px;
        
        font-weight: bold;
        border-bottom: 0;
    }
    #home-news h2 a, #home-forum h2 a {
        text-decoration: none;
    }
    #home-news h3, #home-forum h3 {
        font-size: 12px;
        font-weight: bold;
        padding: 0;
        margin: 10px 0 10px 24px;
        color: #232020;
        font-style: italic;
        background: none;
        border: 0;
    }
    #home-news h3 a, #home-forum h3 a {
        color: #232020;
    }
    .home-news-bar, .home-forum-bar {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        z-index: 10;
    }
    
    #home-news-content, #home-forum-content {
        margin-top: -3px;
        height: 300px;
    }
    .home-news .img img, .home-forum .img img { display: block; }
    .home-news .img, .home-forum .img {
        float: left;
        margin: 0px 12px 12px 0;
        border: 0px double #AAA;
    }
    .home-news .text, .home-forum .text {
        text-align: justify;
        font-size: 12px;
        color: #232020;
        position: relative;
    }
    .home-news .text.withimg, .home-forum .text.withimg {
        width: 326px;
        float: right;
    }
    .home-forum .text.withimg {
        width: 580px;
        float: right;
    }
    
    #home-news-nav, #home-forum-nav { margin: 0; border-bottom: 1px solid #AAA; }
    #home-news-nav a, #home-forum-nav a { margin: 0 1px; padding: 0px 5px; border: 1px solid #AAA; background: #FFF; text-decoration: none }
    #home-news-nav a.activeSlide, #home-forum-nav a.activeSlide { background: #666; color: #FFF; }
    #home-news-nav a:focus, #home-forum-nav a:focus { outline: none; }
    
    /* --------------- DOMINI ----------------- */
    .dominio { position: relative; margin: 10px 0; color: #555; }
.dominio-name { padding: 4px; border-bottom: 1px solid #AAA; margin-bottom: 5px; background: #EEE; }
.dominio-name a { text-decoration: none; color: #333; }
.dominio-img { float: left; width: 80px; margin: 0 5px 5px 0; }
.dominio-info { float: left; width: 215px; }
.dominio-webthumb {
    position: absolute;
    right: 104%;
    top: 0;
    border: 1px solid #AAA;
    background: #F5F5F5;
    color: #555;
    padding: 5px;
    display: none;
    z-index: 1500;
}
    
    #ultime {
        margin: 0px 0;
        position: relative;
    }
    
    
        
        .box-info {
        width: 326px;
        margin: 5px 0;
        float: left;
        text-align: justify;
    }
    #box-left {
    }
    #box-center {
        margin: 5px 10px;
    }
    #box-center {
    }
    .box-info h1 {
        font-size: 16px;
        color: #555;
        font-weight: bold;
        padding: 3px 0px;
        margin-bottom: 15px;
        background: none;
    }
    
    .box-info h2 {
        font-size: 12px;
        color: #555;
        font-weight: bold;
    }
    
    .opera { 
    position: relative; 
    float: left;
    margin: 1px;  
}
.opera-preview {
    background: url('../images/nuvola-left.png') center center no-repeat;
    padding: 20px;
    width: 202px !important;
    width: 242px;
    height: 192px !important;
    height: 232px;
    position: absolute;
    overflow: hidden;
    z-index: 1500;
    display: none;
    text-align: center;
    left: 96%;
    bottom: -40%;
    color: #FFF;
}
#content .opera-preview a { color: #FFF; }
.opera-img {
    height: 130px; 
    width: 130px; 
    overflow: hidden;
}

#content .dx-opera { margin: 15px 0; position: relative; text-align: center; background: #000; }
#content .dx-opera img { border: 0px double #AAA; display: block; margin: 0 auto; }
#content .dx-opera a { color: #FFF; }
#content .dx-opera div { display: none; text-align: left; position: absolute; background: url('../images/alpha-black.png') top left repeat; color: #FFF; bottom: 0px; left: 0; width: 306px; padding: 10px; margin: 0px; }

#map {
    width: 660px; 
    height: 300px; 
    border: 1px #232020 solid;
}

#catalogo .left {
    float: left;
    width: 410px;
    margin-right: 20px;
}
#catalogo .right {
    float: left;
    width: 550px;
}
#catalogo h3 {
    background: none;
    font-size: 24px;
    text-decoration: none;
    border: 0;
}

#box-images {
        margin: 20px 0;
    }
    #box-images .sx {
        float: left; width: 49%; overflow: hidden; 
    }
    #box-images .dx {
        float: right; width: 49%; overflow: hidden; 
    }
    #box-images img { width: 100%; }


@media screen and (max-width: 768px) {
    
    #banner-content { width: auto; overflow: hidden; }
    
    #main .box-info { width: auto; float: none; }
    
    #box-center { margin: 5px 0; }
    
    #catalogo .left { float: none; width: auto; margin-right: 0; }
    
    #catalogo img { max-width: 100%; }
    
    #catalogo .right { float: none; width: auto; }
    
    #sx, #dx { float: none; width: auto !important; width: auto; padding-right: 0; }
    
    #map { width: auto; }
    
    .home-news .img, .home-forum .img { float: none; margin: 12px 0; }
    
    .home-news img { max-width: 100%; min-width: 100%; }
    
    .home-news .text.withimg, .home-forum .text.withimg { float: none; width: auto; }
    
    .home-news object { display: none; }
    
    #content .dx-opera img { max-width: 100%; }
    
    #box-images .sx, #box-images .dx { float: none; width: auto; margin: 10px 0; }
    
}

@media screen and (min-width: 650px) and (max-width: 768px) {
    
    .home-news object { display: block; }

}

@media screen and (min-width: 481px) and (max-width: 768px) {
 
    .home-news img { min-width: 0; }
    
    #catalogo .left { float: left; width: 50%; margin-right: 1%; }
    
    #catalogo img { max-width: 100%; }
    
    #catalogo .right { float: none; width: auto; }  
    
    #content .dx-opera { float: left; margin: 1%; width: 48%; } 
 
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
 
     
 
}

@media screen and (min-width: 1025px) {
 
     
 
}