/*regole sfondo*/

body {
 letter-spacing: 0.4px;
 position:relative;
 font-family:Microsoft Sans Serif;
 font-size:14px;
 color:#4B4B4B;
 width:100%;
 height:auto;
 margin-top:0em;
background:#EFEFEF;
}

img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
border:0
}
img:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

.rounded {
    float:left;
    width: 45%;
    height:auto;
    color: #4B4B4B;
    margin:auto;
    padding-left:1em;
    padding-right:1em;
    padding-bottom:1em;
    padding-top:0em;
    text-align:justify;
    border: 1px solid #800000;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
/* IE10 Consumer Preview */ background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #DCDCDC 100%);
/* Mozilla Firefox */ background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #DCDCDC 100%);
/* Opera */ background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #DCDCDC 100%);
/* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #DCDCDC));
/* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #DCDCDC 100%);
/* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #DCDCDC 100%);
/* IE6-8 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DCDCDC',GradientType=1 );
}

.rounded_p1{
    width: 100%;
    height:auto;
    color: #4B4B4B;
    margin-top: 10px;
    margin-left: 50px;
    text-align:justify;
}

.wrapper {
 font-family:Microsoft Sans Serif;
 font-weight:solid;
 font-size:12px;
 color:#4B4B4B;
 text-align:center;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -4em;
}
.footer, .push {
 height: 3em;
 font-family:Microsoft Sans Serif;
 font-size:12px;
 font-weight:strong;
 color:#4B4B4B;
 text-align:center;
}

.immagine {width: 897px; height: 897px; background: url(../mosaico-mini.jpg) no-repeat}
.testo {height: 400px; opacity:0}
.testo:hover {opacity: 1}


#box {
 font-family:Microsoft Sans Serif;
 position:relative;
 width:95%;
 height:auto;
 background:#EFEFEF;
 margin-top:0em;
 margin-left:2em;
padding:1em;
}

.box-bg {
 font-family:Microsoft Sans Serif;
 position:relative;
 background:#FFFFFF;
 margin:auto;
 width:80%;
 height:auto;
}

.box-bag{
 font-family:Microsoft Sans Serif;
 position:relative;
 background:#FFFFFF;
 margin:auto;
 width:90%;
 height:auto;
 padding-bottom:10em;
 line-height: 1.5;
}

.box-content {
 font-family:Microsoft Sans Serif;
 position:relative;
 background:#FFFFFF;
 margin:auto;
 width:100%;
 height:auto;
 padding:0;
line-height: 1.1;
 font-size:3;
 letter-spacing: 0px;
}

.box-p {
 font-family:Microsoft Sans Serif;
 position:relative;
 text-align:left;
 width:100%;
 height:auto;
 background:#FFFFFF;
}

.imageBox {
 position:relative;
 width:100%;
 height:auto;
 padding:0;
 padding-top:0em;
 padding-bottom:50em;
 letter-spacing: 0.3px;
 font-family:Microsoft Sans Serif;
 font-size:20px;
 color:#FFA500;
 margin:auto;
}

* html .box-bg {
 height:expression(document.getElementById("box").offsetHeight);
}

div#container{
    width: 100%;
   font-family:Microsoft Sans Serif;
    }

div.split2 div{
   font-family:Microsoft Sans Serif;
   position:relative;
   text-align:justify;
   float: left;
   width: 100%; \width: 100%; w\idth: 100%;
   padding: 0% 0%;
   }

div.clearer{
    clear: left; padding: 0 2%
    }


div.ridge{
    position:relative;
    border-top:0px solid #616161;
    border-left:0px solid #616161;
    border-bottom:8px solid #D2D2D2;
    border-right:8px solid #D2D2D2;
width:100%;
height:100%
}
div.ridge>div{
    position:relative;
    border-bottom:1px solid #B2B2B2;
    border-right:1px solid #B2B2B2;
    border-top:1px solid #B2B2B2;
    border-left:1px solid #B2B2B2;
width:100%;
height:100%
}

.ridge img {
display:block;
background-color:#ffffff;
border:none;
margin:auto;
margin-top:8%;
}

a:hover img{
background-color:#FFFFFF;
}

div.ridge:hover{
    border-top:0px solid #8F8F8F;
    border-left:0px solid #8F8F8F;
    border-bottom:0px solid #B2B2B2;
    border-right:0px solid #B2B2B2;
}
div.ridge>div:hover{
    border-bottom:1px solid #800000;
    border-right:1px solid #800000;
    border-top:1px solid #800000;
    border-left:1px solid #800000;
}

div.ridge-no{
    position:relative;
    border-top:0px solid #FFFFFF;
    border-left:0px solid #FFFFFF;
    border-bottom:8px solid #FFFFFF;
    border-right:8px solid #FFFFFF;
width:100%;
height:100%
}