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

body{
margin:0;
padding:0;
text-align:justify;
background-color:#e6e6e6;
}

#main{
margin:0 auto;
padding:0;
background-color:#f7f7f7;

/*consiglio sempre di specificare le dimensioni del main*/
width:960px;
height:100%;
}

#contenuto{ width:100%; height:100%; margin:15px;}
.testo{ margin:20px; width:90%;}

#logo{ background-image:url(images/logo.png); background-repeat:no-repeat; width:50%; height:120px; float:left; }
#torna{ float:right; width:50%; height:120px; font-size:24px; margin-top:30px; }

.titolo_box{ margin-left:20px;}
.testo-box{ margin:15px;}

.apri{ font-size:18px; font-family:Verdana, Geneva, sans-serif; float:right; margin-right:50px;}
.apri:hover{ font-size:22px; font-family:Verdana, Geneva, sans-serif; cursor:pointer;}
.chiudi{ font-size:25px; color:white; font-weight:bold; position:absolute; right:2%; top:0%;  cursor:pointer;}

#bannerOverlay-close{ cursor:pointer;}

.overlay{
    background:#000;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
	cursor:pointer;
/*Trasperenza cross browser*/
opacity: .7; filter: alpha(opacity=70); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	
	
}


#box{background-color:#FFF; display:none; z-index:+300; position:absolute; left:1%; right:1%; top:20%; -moz-border-radius: 15px;  -webkit-border-radius: 15px;
border-radius: 15px;}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-right: 0 solid #CCCCCC;
    border-style: solid;
    border-width: 1px 0 0; 
	width:60%}