html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	background: url(image/01pattern.jpg);
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 170%;
}
h1,h2,h3{
	color: #555;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	margin: 1em 0 0;
}
	h1{margin: 0;font-size: 200%}
	h2{font-size: 160%}
	h3{font-size: 140%; text-align: center}
a:link{
	color: #ddd;
	text-decoration: none;
}
a:visited{
	color: #ddd;
	text-decoration: none;
}
a:hover{
	color: #0e0e0e;
	text-decoration: none;
}
a:active{
	color: #780000;
	text-decoration: none;
}
#corpo { 
	margin: 0 auto;
	margin-bottom: 10px;
	width: 960px;
}
#colore_colonne {
	background: url(image/colonne.png);
	margin-bottom: 0px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%
}
#header {
	background: url(image/top_new2.png) no-repeat;
	height: 140px;
	width: 960px;
}
* html #header{ /* png-fix for IE6 */  
    background:none;  
    float:left;  
    width:960px;  
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/top_new2.png', sizingMethod='scale');
}
#header a {
    display: block;
    height: 140px;
    width: 960px;
}
#colonna_sx { 
	display: inline;
	float: left;
	height: 490px;
	margin: 0px;
	padding: 0px;
	width: 150px;
}
#colonna_dx { 
	color: #000;
	display: inline;
	float: right;
	height: 490px;
	margin: 5px 10px 5px 10px;
	overflow: hidden;
	padding: 0px;
	position: relative;
	width: 780px;
}
#footer {  
	background: url(image/footer.png);
	color: #777777;
	height: 100%;
	margin: 1px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	width: 960px;
}

.buttons{
	list-style-position:outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.buttons li{
	background:url(image/buttons.png) no-repeat;
	cursor: pointer;
	display: block;
	float: left;
    height: 50px;
    margin-right: 0px;
    overflow: hidden;
    padding: 0;
    width: 150px;
}

.buttons a{
	display:block;
	height:50px;
	outline:none;
	text-indent:-9999px;
}

#bottone1 {
	background-position:0px 0px;
}
#bottone1on{
	background-position:-300px 0px;
}
#bottone2 {
	background-position:0px -50px;
}
#bottone2on{
	background-position:-300px -50px;
}
#bottone3 {
	background-position:0px -100px;
}
#bottone3on{
	background-position:-300px -100px;
}
#bottone4 {
	background-position:0px -150px;
}
#bottone4on{
	background-position:-300px -150px;
}
#bottone5 {
	background-position:0px -200px;
}
#bottone5on{
	background-position:-300px -200px;
}

#bottone1:hover {
	background-position: -150px 0px;
}
#bottone1:active{
	background-position: -450px 0px;
}
#bottone2:hover{
	background-position: -150px -50px;
}
#bottone2:active{
	background-position: -450px -50px;
}
#bottone3:hover {
	background-position: -150px -100px;
}
#bottone3:active{
	background-position: -450px -100px;
}
#bottone4:hover {
	background-position:  -150px -150px;
}
#bottone4:active{
	background-position: -450px -150px;
}
#bottone5:hover {
	background-position:  -150px -200px;
}
#bottone5:active{
	background-position: -450px -200px;
}

#menubar {
	background: #202020;
	border: 0px;
	color: #ccc;	
	font-size: 13px;
	margin: 0px 10px 0px 0px;
	padding: 5px 5px 5px 20px;
	text-align: left;
	width: auto;
}
#menubar a:link{
	color: #fff;
}
#menubar a:visited{
	color: #fff;
}
#menubar a:hover{
	background: #aa0000;
	color: #fff;
}
#menubar a:active{
	color: #780000;
}
#box {
	background: #202020;
	border: 0px;
	float: left;
	height: 130px;
	margin: 5px 5px 0px 0px;
	padding: 10px 5px 5px 5px;
	text-align:center;	
	width: 120px;
}
#box:hover{
       background-color: #EBE6DC;
	   color:#000
}
#box a {
       display: block;
       height: 130px;
       width: 120px;
}
#contenuti{
	background-color: #F2EFE9;
	border-top: 1px solid #EBE6DC;
	color: #333;
	float: left;
	font-size: 11px;
	height: 455px;
	margin: 5px 10px 0px 0px;
	padding: 10px 20px 10px 20px;
	width: 320px;
}
#contenuti li{
    margin: 0px 0px 0px 14px;
}
#contenuti_foto{
	background-color: #F2EFE9;
	border-top: 1px solid #EBE6DC;
	color: #333;
	float: left;
	font-size: 11px;
	height: 424px;
	margin: 5px 10px 0px 0px;
	padding: 10px 20px 10px 20px;
	width: 320px;
}
#contenuti2{
	background-color: #F2EFE9;
	border-top: 1px solid #EBE6DC;
	color: #333;
	float: left;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	width: 370px;
}
#contenuti3{
	background-color: #EBE6DC;
	border-top: 1px solid #F2EFE9;
	border-bottom: 2px solid #F2EFE9;
	color: #000;
	float: left;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 14px 15px 14px 15px;
	width: 370px;
}
#contenuti3 p{
	float:left;
}
#contenuti3 img{
	margin: 20px 15px 0px 0px;
}
#contact{
	border-bottom: 2px solid #F2EFE9;
	background-color: #EBE6DC;
	float: right;
	font-size: 13px;
	margin: 5px 10px 0px 0px;
	padding: 14px 10px 14px 10px;
	text-align: center;
	width: 380px;
}
#container{
	background-color: #fff;
	border-top: 1px solid #EBE6DC;
	border-bottom: 1px solid #EBE6DC;
	float:left;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 620px;
}
#container2{
	background-color: #fff;
	border-top: 1px solid #EBE6DC;
	border-bottom: 1px solid #EBE6DC;
	color: #555;
	float: left; 
	font-size: 10px;
	height: 260px;
	margin: 5px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	width: 184px;
}
#container2 li{
    margin: 0px 0px 0px 14px;
}
#container2bis{
	background-color: #F2EFE9;
	border-top: 1px solid #EBE6DC;
	border-bottom: 1px solid #EBE6DC;
	color: #cc7788;
	float: left; 
	font-size: 10px;
	height: 260px;
	margin: 5px 10px 0px 10px;
	padding: 0px 8px 0px 8px;
	width: 184px;
}
#container3{
	background-color: #fff;
	margin-top: 5px;
	padding: 0px;
	text-align: center;
}
#containerblack{
	background-color: #000;
	margin: 3px 10px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
}
#col_news{
	background-color: #0e0e0e;
	border-top: 3px solid #EBE6DC;	
	float: right;
	height: 474px;
	margin-top: 2px;
	padding: 0px;
	position: relative;
	top: -210px;
	text-align: center;
	width: 140px;
}
#col_news h1{
    margin: 10px 0px;
}
#news{
	background-color: #181818;
	border-top: 1px solid #282828;
	color: #ccc;
	font-size: 10px;
	margin: 0px 0px 3px 0px;
	padding: 1px 3px 3px 3px;
	text-align: right;
	width: 130px;
}

/*  INIZIO s3slider  */

#s3slider{
   width: 307px; /* important to be same as image width */
   height: 205px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:left;
}
#s3slider2{
   width: 307px; /* important to be same as image width */
   height: 205px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:right;
}

#s3sliderContent, #s3slider2Content {
   width: 307px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage, .s3slider2Image {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span, .s3slider2Image span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 281px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

/*  FINE s3slider  */
.clear { clear: both; background: none; }

