<style type="text/css">



</style>
<script type="text/javascript" src="http://www.jotform.com/form/22823292757359"></script>	

.QOverlay {
margin:0 auto;
padding:0px;
	background-color: #000000;
	z-index: 1000;
}


.QLoader {
margin:0  auto;
padding:0px;
	background-color: #CCCCCC;
	height: 1px;
}

html{
position: relative;
width: 100%;
height: 100%;
bottom: 0px;
background-image:url(images/SFONDO.jpg);
background-position: center bottom;
background-repeat: repeat-y;
}

body{

text-align:center;
width:980px;
margin:0 auto;

padding:0px;
}


piccolo{
background-color: ;
  text-align: right;
  height: auto;
width:140px;
display:inline;
float:right;
font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-size:8.5pt;
color:#000000;
margin:214px 10px 0px 0px;
}


#TESTO {

  text-align: left;
margin:5px 5px 5px 5px;
display:inline;
overflow:;
float:right;
font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-weight:bold;

color:#000000;
}





#header{
  text-align: left;
background-image:url(images/stpengineeringtestata.jpg);
background-position:top;
background-repeat:no-repeat;
height:220px;
width:980px;
margin:0px 0px 0px 0px;
}
#menu{
margin:0px auto;
padding:0px 0px;
list-style-type:none;
margin:166px 0 0 155px;
height:130px;
background-image:url(images/menu_bg.png);
background-position:bottom left;
background-repeat:no-repeat;
display:block;
float:left;
display:inline
}
#menu li{
display:inline;
padding:0px 0px;
}



#content{
width:650px;
margin:0 0 0 155px;
padding:0 0 30px 0;
display:inline;
overflow:hidden;
float:left;
font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-weight:normal;
font-size:10pt;
color:#000000;
}





#sidebar{
width:120px;
hight:100%;
margin:40px 0px 0px 0px;
padding:40px 20px 20px  10px;
display:inline;
overflow:hidden;
float:right;
font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-weight:bold;
font-size:10.5pt;
color:#000000;
background-image:url(images/);
text-align:left;

}


.sinistra{
width:320px;
margin:0 0 0 0px;
padding:0 0 0px 0;
display:inline;
overflow:hidden;
float:right;
font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-size:12pt;
color:#696969;
}
.destra{
width:320px;
margin:0 0 0 0px;
padding:0 0 0px 0;
display:inline;
overflow:hidden;
float:left;
font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-size:12pt;
color:#696969;
}



.FORUMdestra{
width:320px;
margin:0 0 0 0px;
padding:0 0 0px 0;
display:inline;
overflow:hidden;
float:right;
font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-size:12pt;
color:#696969;
}
.FORUMsinistra{
width:420px;
margin:0 0 0 0px;
padding:0 0 0px 0;
display:inline;
overflow:hidden;
float:left;
font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-size:12pt;
color:#696969;
}









.vlinks {
	position:relative;
	padding-left:170px;
}
.block{
  text-align: left;
padding:30px 0 37px 0;

margin:0 0 30px 0;
}



.block img{
image border:none;
float:left;
margin:0 25px 0 0;
}
#content .block h4{
color:#DC143C;
font-size:12pt;
font-weight:bold;
padding:0 0 0px 0;

}
.block h5{
color:#808080;
font-size:8pt;
font-weight:bold;
padding:0 0 0px 0;
}
.block h6{
color:#FFFFFF;
font-size:1px;
font-weight:none;
padding:0 0 0 0;
}

.block h7{
color:#696969;
font-size:9.5pt;
font-weight:normal;
padding:0 0 0px 0;
}



.block b{
color:#696969;
font-size:11pt;
font-weight:bold;
padding:0 0 0px 0;
}

.block e{
color:#696969;
font-size:14px;
font-weight:bold;
padding:0 0 0px 0
#content .block p{
font-size:16px;
line-height:20px;
}
.more{
display:block;
color:#FF5400;
font-size:16px;
text-decoration:underline;
margin:10px 0 0 0
}
.more:visited{text-decoration:underline}
.more:hover{text-decoration:none}
.item{
width:295px;
float:left;
font-size:16px;
padding:14px 0 40px 0;
}
.left{
padding:14px 60px 40px 0;
}
.item img{
float:left;
margin:0 22px 0 0
}
.item h5{
color:#C0C0C0;
font-size:16px;
font-weight:normal;
padding:0 0 18px 0;
}

.all{
display:block;
float:right;
color:#FF5400;
font-size:18px;
text-decoration:underline;
margin:0 10px 0 0
}
.all:visited{text-decoration:underline}
.all:hover{text-decoration:none}
#footer{
background-color:#F0FFF0;

height:62px;
width:980px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}

}

#footer p{
padding:16px 0 0 165px;
}
.right{
margin:0 25px 0 0
}
#content .inner_copy {  text-align: left;border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px}

style="-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;-khtml-opacity: 0.8;"

#container_centrale
{
  text-align: left;
margin:0 auto;
position: absolute;
width:980px;
padding:0 0 30px 0;
display:inline;
overflow:hidden;
float:left;
font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-weight:normal;
font-size:15px;
color:#696969;
}

a:link {
color:#DC143C;
text-decoration: none;
}
a:visited {
color:#DC143C;
text-decoration: none;
}
a:active {
color:#696969;
text-decoration: none;
}
a:hover {
color:#000000;
text-decoration:none;

}
#barra { 
  text-align: left;
height: 35px; position: fixed; top: 0px; bottom: 0; left: 0; width: 100%;
 background-color: #696969;
 font-family:century gothic,verdana,arial,helvetica,sans-serif;
font-size:12px;
color:#C0C0C0;
line-height: 36px;
white-space: nowrap;
font-weight: bold;
padding:0px 0px 0px 13px;
display:inline;
z-index:3;}

.barra a:{ font-size:13px;
color:#FFFFFF;}

.barra a:visited {
font-size:13px;
color:#C0C0C0;
padding:0px 0px 0px 13px;

}

.barra a:link{ font-size:13px;
color:#C0C0C0;
padding:0px 0px 0px 13px;
}
.barra a:active{ font-size:13px;
color:#FFFFFF;
padding:0px 0px 0px 13px;
}
.barra a:hover{ font-size:13px;
color:#FFFFFF;
padding:0px 0px 0px 13px;}



.thumbnail {position: relative; z-index: 8; text-decoration: none !important}
.thumbnail:hover {background: transparent; z-index: 9}
.thumbnail > span {display: none; position: absolute; top: 20px; left: 150px; padding: 5px}
.thumbnail > span img {padding: 2px}
.thumbnail:hover > span {display: block; border: px dashed gray; background-color: #FFF; color: black;}
.thumbnail:hover span span {display: inline; border: none}
	
 </style>
 

#sidebar {height:100%; width:160px; float:right; padding:0 40px 40px 40px; margin-top:20px;padding:150px 40px 0px 0px; position:fixed;right:0;}
 
 
 
 
 <!--[if lte IE]>
 <link rel="stylesheet" href="/ie.css" type="text/css" />
 <![endif]-->  
 <m.barra {
position: fixed;
bottom: 0;
width: /* la lunghezza che desiderate, oppure semplicemente */ auto;
height: /* l'altezza che pi첫 vi piace, oppure */ 20px;eta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />


#loading_screen
{  

  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  color: white;  
  opacity: 0.5;
  filter: alpha(opacity=50);
}


body {
background-color: #D8EAFA;
font: normal 13px "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
color: black;
text-align: justify;
margin: 0; padding: 0;
}