/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { 
	padding: 0; margin: 0; border: 0;
	}
	
body {
	margin: 0;
	border: 0;
	padding: 0;
	background: #000;
	color: #FFF;
	text-align: center;
	font: normal .70em/1.6em Verdana, Tahoma, sans-serif;
	}
	
/* links */
a {
	color: #000;
	background-color: inherit;
	}

a:hover {
	color: #434343;
	background-color: inherit;	
	text-decoration: underline;
	}

a.pdf {background:url("ico_file_pdf.gif") no-repeat; padding-left: 21px; padding-bottom: 10px; }

/* headers */
h1, h2, h3, h4, h5, h6 {font: 'Trebuchet MS', Arial, Sans-serif; }
	
h1 {font-size: 1.6em; font-weight: bold; } 
h2 {font-size: 1.4em; font-weight: bold; }
h3 {font-size: 1.1em; font-weight: bold; }
h4 {font-size: 1.2em; font-weight: bold; }
h5 {font-size: 1.1em; font-weight: bold; }
h6 {font-size: 1.0em; font-weight: bold; }

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 10px 15px;
	color: #FFF;
	}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #FFF;
	}

/* images */
img {
	border: 3px solid #555;
	}
img.no-border {
	border: none;
	}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 3px solid #555;
}
a:hover img {  
  border: 3px solid #CCC !important; /* IE fix*/
  border: 3px solid #555;
}

.immagine {
	height: 300px;
	width: 250px;
	margin: 0 10px 0 15px;
	border: 0;
	}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #0A1646;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #0A1646;	
	font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;   
}


/***********************
	  LAYOUT
************************/
#wrap {
	width: 95%;
	margin: 0 auto 0 auto;	
	text-align: justify;		
  	}

/* header */
#header {
	position: relative;
	height: 110px;	
	background: #7F8082 url(header-bg.jpg) repeat-x 0% 0%;
	}
	
#logo {
	float: left;
	}

#header h1 {
	margin: 20px 20px 0 10px;
	padding: 0;
	color: rgb(0,153,233);
	font: bolder 50px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: 2px;	
	}
	
#header h2 {
	margin: 0 22px 0 10px;
	padding: 0;
	color: rgb(0,153,233);
	font: bold 12px Tahoma, 'Trebuchet MS', Sans-serif; 
	text-align: right;
	text-indent: 0px;
	text-transform: none;	
	letter-spacing: 4px;	
	}

/* menu tabs */
#menu ul {
	position: absolute;
	top: 40px;
	right: 20px;
	margin:0;
	padding: 0;
	list-style:none;
	font: bold 1.3em  'Trebuchet MS', Tahoma, verdana,  sans-serif;	
	height: 2.3em;
	}
	
#menu li {
	display: inline;
	margin:0;
	padding:0;
	}

#menu a {
	float: left;
	margin:0;
	padding:3px 10px 2px 10px;
	text-decoration:none;
	color: #CCC;
	}

#menu a:hover {
	border-top: 5px solid #CCC;	
	}

#menu #current a {
	color: #FFF;
	border-top: 5px solid #FFF;
	}

/* content-wrap */
#content-wrap {
	clear: both;
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;			
	background: #212B5C url(bg.jpg) repeat-x 0 0; 
	}

/* main */
.main {
	margin: 0 0 10px 270px;		
	padding-top: 20px;
	}

.tuttapagina {margin-left: 10px; }

/* box */
.box, .boxscuro {
	margin: 0 15px 10px 0;			
	border: 1px solid #444;	 	
	border-top: 3px solid #444;	 	
	}

.box {
	background-color: #CCC;
	color: #000
	}
	
.box p {
	color: #000
	}    

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
	color: #242424;
	}

.box img {
	margin: 0 10px 10px 15px;
	border: 0;
	}
	
.box p img {margin-left: 0;}

.box li {
	margin: 0;
	margin-left: 0;
	color: #000;
  }
	
.box li.sep {
	margin-top: 0.5em;
	}

.boxscuro, .boxscuro p, .boxscuro li{
	background-color: #000;
	color: #FFF;
	}
	
.boxscuro a {color: #FFF;}
.boxscuro a:hover {color: #CCC; }

img.marchio {
	float: left;
	width: 229px;
	margin: 10px;
	}

img.ico {
	width: 16px;
	height: 16px;
	border: 0;
	}

/* SIDEBAR (MENU' LATERALE) */

#sidebar, .sidebar {
	float: left;
	width: 250px;
	margin: 0; 
	padding-top: 20px; 	
	text-align: left;
	}

#sidebar h2, #sidebar h3, #sidebar h3 a {
	text-transform: none;
  font-size: 13px;
	}

#sidebar h2 {
  background-color: #444;
  margin-left: 15px;
  padding: 5px;
  }
   
#sidebar h3, #sidebar h3 a {
  font-weight: normal;
  padding: 5px 15px;
  }
  	
#sidebar ul, .sidebar .cont {
	clear: both;
	margin: 0 0 10px 15px;
	padding: 0;
	background: #242424;
	}
	
#sidebar ul li {
	display: inline;
	list-style: none;		
	}

#sidebar ul li h3 a {
	display: block;	
	padding: 0;   
	color: #FFF;
	text-decoration: none;
	font-weight: normal;  
	}

/* ELEMENTI: HOVER E SELEZIONATO */
#sidebar ul li h3 a:hover, #sidebar ul li h3:hover,
#sidebar ul li.selezionato h3, #sidebar ul li.selezionato h3 a {
	background: #A0A0A0;
	color: #000;
	}

 
#sidebar ul li a {
	display: block;	
	padding: 1px 10px 1px 15px;   
	color: #CCC;
	text-decoration: none;
	font-weight: normal;  
	} 

/* SOTTOELEMENTI: HOVER E SELEZIONATO */	
#sidebar ul a:hover, #sidebar .vedi .selezionato a, 
#sidebar ul li.selezionato ul li:hover, #sidebar ul li.selezionato ul li a:hover {
  background: #A0A0A0;  
	color: #333;
	}

#sidebar img {
	margin: 0 0 10px 15px;
	width: 229px;
	}

#sidebar h1.clear {padding-top: 0; }

.vedi .selezionato, {
	display: block;
	list-style: none;		
	background: #A0A0A0;
  color: #FFF;
  }

#sidebar h3:hover {background-color: #CCC; color: #000; }

/* footer */
#footer-wrap { 
	clear: both; 
	width: 95%;
	margin: 0 auto; 
	padding: 0; 
	font-size: 88%;  		
  }

#footer-wrap a { 
	font-weight: bold;	
	color: #FFF;
  }

#footer-wrap .footer-left{
	float: left;
	width: 60%;			
	padding-bottom: 5px;
	}

#footer-wrap .footer-right{
	float: right;
	width: 40%;			
	padding-bottom: 5px;
	}

/* alignment classes */
.float-left  {float: left; }
.float-right {float: right; }
.align-left  {text-align: left; }
.align-right {text-align: right; }

/* additional classes */
.clear {clear: both; }
.spazia {height: 10px; }
.gray  {color: #A0A0A0; }
.g {font-weight: bold; }
.comments { 
	padding: 7px 15px;
	margin: 20px 15px 15px 15px;
	background: #0A1646;	 
	text-align: right; 
	}
.tecnoresine {
	color: rgb(0,153,233);
	letter-spacing: 2px;	
	}