@charset "utf-8";
/* CSS Document */
html, body{
font-family: corbel, Arial, Helvetica, sans-serif;
background-image:url(immagini/sfondo.png);
text-align:center;
margin:0;
padding:0;
height:100%;
}
#container{
width:850px;
height:620px; 
text-align:center;
position: relative;
margin:auto;

}

div#header{
background-image:url(immagini/header_def.png);
background-position:top left;
background-repeat:no-repeat;
height:200px
}

div#menu{width:200px; height: 200px; position: absolute; top:15px; left:500px; font-weight:bold; }
#menu div{height:50px; text-align:left; }
#menu div a{ text-decoration:none; color:#000000; font-size:90%;}
#menu div a:hover{color:#00ace4; font-size:90%;}



div#content{
height:340px;
overflow:auto;
text-align:left;
padding:0;
scrollbar-3dlight-color: #ffffff;   
    scrollbar-arrow-color: #00ace4;   
    
    scrollbar-darkshadow-color: #ffffff;   
    scrollbar-face-color: #ffffff;  
    scrollbar-highlight-color: #ffffff;   
    scrollbar-shadow-color:#00ace4;   
    scrollbar-track-color: #ffffff; 

}
div#menu_home{width:300px; height: 250px; position: relative; top:62px; left:200px; font-weight:bold;  }
#menu_home div{height:70px; text-align:left;}
#menu_home div a{ text-decoration:none; color:#000000; font-size:140%;}
#menu_home div a:hover{color:#00ace4; font-size:145%;}



h2{color:#ff3300; text-align:center; line-height:0.7em}
h3{color:#ff3300; text-align:justify; padding:0 30px; margin:0 }
h4{color:#ff3300; text-align:justify;  padding:0 30px; }
p{color:#000000;
font-size:103%;
font-weight:bold;
padding:0 30px;
text-align:justify;
line-height:1.5em;
}
a{color:#00ace4}
a:hover{color:#ff3300}

h3 a{color:#ff3300}
h3 a:hover{color:#00ace4}

img {border:none;}
li{text-align:left; padding: 0 10px; list-style-type:none; font-size:103%;
font-weight:bold;}



#footer{color:#666666; font-weight:bold; text-align:center; font-size:11px; letter-spacing:2px;  padding:3px 0; border-bottom:#ff3300 solid 3px; border-top:#00ace4 solid 3px; position:relative;  bottom:0}

#by{width:850px;
margin: 0 auto;
padding-top:5px;
text-align:right;
color:#424040
}

/*macchine*/

ul.thumb_view{width: 720px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align:center;
	/*border:solid 1px #ff0000;*/
	font-size:14px;
	font-weight:bold
	}

ul.thumb_view li{
	float: left;
	width: 155px;
	padding: 3px 10px ;
	text-align:center;
	/*border:solid 1px #000000;*/
}

ul.thumb_view li p{display: none;}
ul.thumb_view li .content_block  {border:solid 2px #CCCCCC; padding:5px 0}


ul.display {
	width: 720px;
	
	margin: 0 auto;
	padding: 0;
	list-style: none;
	
		
}
ul.display li {
	width: 720px;
	
	padding:5px 0px ;
	margin: 0;
	
	/*border-bottom: 1px solid #333;*/
	
}

ul.display li .content_block {
	padding: 0 ;
}

ul.display li .content_block p {
display:block;
	
	padding: 0 15px 0 215px;
	color:#000000;
font-size:103%;
font-weight:bold;
}
ul.display li .content_block img{
	padding: 5px 0;
	
	background: #fff;
	margin: 0 ;
	float: left;
}


a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0 auto;
	display: block;
	background: url(immagini/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }

/*esempi*/
#demo {width:93%; height:340px; font-size:15px; color:#000000; text-align:center}