html, body {margin: 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; height:100%;
	background: url(../img/sf_fondo_b.gif) #06C top left repeat-x; color:#333; }

img {border: none;}
dl{	padding:0.5em;	background-color: #F3F3F3; color:#333;	border:1px solid #000;}
dt{	margin:0;	padding:0.2em;	font-size: 0.9em;	font-weight: bold;	list-style: square;}
dd{	margin:0.2em 0.5em;	padding:0.2em 0.5em;font-size: 0.8em;}
address{ margin:0 10px; font-style: normal; }
input {	display: block;	margin-bottom: 0.5em;}
textarea {	display: block;	margin-bottom:0;}

/* Elementi strutturali */
#maincontent{position:relative;	margin: 10px auto;	text-align:left; width:760px; border:1px solid #333; color:#333; background-color:#FFF}
#header {position:relative;	margin:0; text-align:left; height:130px;}
#left {float:left; padding-top:10px; padding-left:10px; margin-bottom:20px;	width:140px;}

#content{position:relative;	margin:0 0 0 150px;	padding:20px;	text-align:left; font:11px Verdana, Arial, Helvetica, sans-serif;}
#content_all{position:relative;	margin:0;	padding:20px;	text-align:left;}
#footer {width:760px; margin: 5px auto 0 auto; padding:0; color:#FFF; text-align: left; font-size:11px;}

/* Elementi dello header */
img#logo{margin:0 10px; border:none; }
/*img#cert{margin-top:5px; border:none;}
img#cert{position:absolute; top:5px; left:280px; width: 30px; border:none;}*/
img#cert{position:absolute; bottom:30px; right:10px; border:none;}

#banner{position:absolute; bottom:30px; right:50px;}
#banner img{float:right; margin-top:75px; margin-right:10px;}
h1#tagline{	font:italic bold 12px Arial; margin:5px 5px 0 10px; padding:0; color:Navy;}
h1#tagline a{font:italic bold 12px Arial; color:Navy; text-decoration:none}

/*
h1#tagline{position:absolute; top:0px; left:290px; font: bold 12px Arial; margin:5px 0 0 0; padding:0; color:Navy;}
h1#tagline a{display:block; font: bold 12px Arial; color:Navy; text-decoration:none}
*/

/* Elementi del left */
#left img{margin:10px 5px 0 5px;}
#BoxLeft {color: Gray;	margin:10px 0 0 0;	padding:0; /*border-left:5px solid #F00;*/	}
#BoxLeft .Titolo{margin:0 0 0 5px;	padding:5px 0;	color:#F00; font:bold 18px sans-serif;}
#BoxLeft .Corpo{margin:0;	padding:0;	background-color: #FFF;	}

/* Elementi del content */
#content h1, #content_all h1{margin:0; padding:0 0 10px 0; color:rgb(25,89,141); text-align: left; font:bold 1.5em sans-serif;}
#content h2, #content_all h2{margin:0; padding:0 0 10px 0; color:#009; font:bold 1.1em sans-serif;}
#content h3, #content_all h3{margin:0; padding:0 0 5px 0; color:#333; font:bold 0.95em sans-serif;}

#content p, #content_all p{margin:0 0 10px 0; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:20px;}
#content ul,#content ol{background-color: #F2F5FF;	margin:0; padding:1em; border:1px dotted #EEE;}
#content li{margin:5px; font:11px verdana;}

#content img.firstimage{float:right; margin:0 0 10px 10px;}
#content img.nextimage{clear:right; float:right; margin:0 0 10px 10px;}

/* Elementi del footer */
#footer .copy{font-size: 10px; margin:0 10px; padding:5px 0; color: #AAA;}
#footer .autore{float:right; width:120px; margin:0 10px; padding:0; font:italic 10px georgia; color: #AAA; text-align:right}
#footer .tech{float:right;}
.autore a, .copy a{ text-decoration: none; color: #AAA;}
.autore a:hover, .copy a:hover{ text-decoration: underline;}

/* Elementi della homepage */
#home_col_dx{position:absolute; margin-top:5px; right:0; width:140px; height:290px; padding-right:5px;}
#home_col_dx h2{margin:0; padding:3px 0 3px 3px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; background-color: #003366}

#home_col_dx #banner_bottom{clear:right;float:right; width:140px; height:130px; padding-right:5px; margin-bottom:0;}

#home_col_dx #tag_bottom{clear:right;float:right; width:140px; height:130px; overflow:hidden; padding:0; margin-bottom:0; text-align:center; font:italic 11px arial;}
#home_col_dx #tag_bottom a{padding:2px 4px; font:italic 11px arial;}
#home_col_dx #tag_bottom h2{margin:4px 0 4px 0px; padding:3px 0 3px 3px; width:138px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; background-color: #036}

#home_col_dx .box_right13 {margin-top:4px; height:85px; width:140px; }
#home_col_dx .box_right13 a{display:block; padding-top:68px; padding-right:3px; text-align:right; color:#FFF; font:bold 13px arial; text-decoration:none}

#home_col_dx #box_universita{background-image: url(../img/referenze_universita1.jpg)}
#home_col_dx #box_industria{background-image: url(../img/referenze_edifici-industriali1.jpg)}
#home_col_dx #box_civile{background-image: url(../img/referenze_edifici-residenziali1.jpg)}

#home_col_sx{margin: 0 160px 0 0; height: 420px; width:610px; color:#FFF; text-align:left}
#home_col_sx #panel_top{margin: 0 0 0 20px; padding-top:10px; font:italic 1.2em Trebuchet MS;}

#home_col_sx #panel_bottom {position:absolute; bottom:0; height:140px; width:600px; margin:5px 10px 0 10px; padding:5px 0 0 0; background-color:#FFF; color:#333; font:10px arial;}
.box_bottom{position:relative; float:left; width:240px; height:120px; padding: 5px 5px 5px 50px;  overflow:hidden}
.box_bottom h2{margin:0; padding:0; font:bold 12px arial;}
.box_bottom p{margin:0 0 5px 0; padding:0;}
#news.box_bottom{margin-right:5px; background:url(../img/eti_news.gif) top left no-repeat;}
#news a.bottom_link{position:absolute; bottom:0; right:15px; font-style:italic}
#focus.box_bottom{background:url(../img/eti_focus.gif) top left no-repeat;}

/* Elementi del modulo news */
#content .box_notizie h1{margin-bottom:0; padding-bottom:0;}
#content .box_notizie h2{margin:0; padding:10px 0 4px 0; color:#333; text-align: left; font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
#content .box_notizie ul, #content .box_notizie ol{background-color:#FFF; border:none}
#content .box_notizie li{font:11px Verdana, Arial, Helvetica, sans-serif;}
#content .box_notizie p{}
#content .box_notizie .data{margin:5px 0; padding: 0; font:italic 11px Verdana, Arial, Helvetica, sans-serif; color:#666;}
#content .box_notizie .note{float:right; font:italic 11px Verdana, Arial, Helvetica, sans-serif; color:#666;}

/* Elementi vari */
br.clear {clear:both;}
br.clear_right {clear:right; border-top:1px solid #CCC; margin-top:20px;}
hr.clear_rx{clear:right; height:1px; color:#AAA;}
input#invia {margin-top: 1em;margin-bottom: 0;}	

ul#team {margin:0.5em 0 0.5em 0; padding:0.5em;	list-style:disc;}
ul#team li {line-height: 2em;font-weight: bold;	margin:0 1em;	padding:0.2em;}
.teamtitolo {width:18em;font-size: 0.9em;	font-style: italic;	font-weight: normal;}
#ContattiIntestazione {color: Navy;	font:bold 14px arial;	margin:1em 0 0 0;	padding:0;}
#ContattiIndirizzo {font:12px arial;	margin: 0;	line-height: 1.4em;}
ul.contatti {margin:0.5em 0; padding:0;	list-style:none; text-indent:0;	background-color: #FFF;	border:0; font: 11px Verdana, Arial, Helvetica, sans-serif;}
ul.contatti li {margin:0 0 0.5em 0;	padding:0;}
.EtContatti {width:10em;}

#content ul.mappa{padding:0; margin:0 0 10px 0; background-color:#FFF;}
#content ul.mappa li{padding:0; margin:0 0 0 18px; font:normal 12px arial; list-style-type:square}
#content ul.mappa li.titolo_sezione{padding:0; margin:0; font:bold 14px arial; color:#333; list-style-type:none}
#content ul.mappa li.voce_singola{padding:0; margin:0; font:normal 12px arial; list-style-type:none}

.imgdx{float:right; padding: 0 0 10px 10px;}

/* Elementi della sezioine realizzazioni */
ul.realizzazioni{width:260px;}
ul.realizzazioni li{margin:5px; font:0.8em verdana;}
.didascalia{clear:right; float:right; width:250px; margin:2px 0 10px 0; text-align:center; font:italic 12px arial}

#EtRecapiti { font: bold 1em arial;	 margin:1em 0 0 0;}

/* Elementi della pagina dove siamo */
#mappa {margin:10px 0; padding:0; border: 1px solid #000;}
#mappa_immagine{margin:0; border:1px solid #666;}
#mappa_dettaglio{float:left;}
#mappa_dettaglio a{padding:5px 10px; background-color:#333; color:#FFF;}

/*** Elementi relativi alla sezione Marche ***/
#content .Marca {margin:1em 0 0 0;	padding:0.5em;}
#content .Marca img.ImmagineProdotto{float:right; margin:5px; padding:5px;}
#content .Marca img.Marca_Logo{margin:0; padding:0;	border:1px solid #333;}
#content .Marca ul {margin:0; padding:0; border:none; background-color: #FFF; width:320px;}
#content .Marca li{	margin:0 1em; padding:0.5em 0; font: 12px arial; list-style:disc;}

/*** Elementi relativi alla sezione Servizi e Tecnologie ***/
ul#Servizi1{margin:0.5em 0 0.5em 0;	padding:0.5em 1em; background-color:#FF9; border:1px solid #AAA; list-style: square;}
ul#Servizi1 li, ul#Servizi2 li{	margin:0 1em;	padding:0.2em;	font: 0.9em arial;}
ul#Servizi2{margin:0 0.5em;	padding:0 0.5em 0.2em 0.5em; font: 0.9em arial; background-color:#FF9; list-style:circle;}
ul#Servizi2 li{padding:0 0.2em;}

/*************************  Navigazioni ******************************/
ul#navglob {position:absolute;	bottom:0;	left:10px;	width:750px; float:left; margin:0; padding:5px 0;
	background: url(../img/sf_menu_r.gif) #F60 bottom left repeat-x; list-style: none; 
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: White;}
ul#navglob li{float: left; margin:0;}
ul#navglob a{color:#FFF; text-decoration: none; padding:0 15px; border-right:1px solid #AAA;}
ul#navglob a:visited{color:#EEE;}
ul#navglob a:hover{text-decoration:underline;}

ul#navser {position:absolute; top:0px; right:10px;	list-style: none; font:normal 11px arial; color:#666;}
ul#navser li{float:right; padding:0 5px 0 5px; border-left:1px solid #333;}
ul#navser li#primo{border-left:none;}
ul#navser a{color:#333; text-decoration: none;}
ul#navser a:visited{color:#999;}
ul#navser a:hover{color:#999; text-decoration:underline;}

ul.navloc{margin: 0; padding:0; list-style: none; font:bold 12px Arial;}
ul.navloc li{margin:5px; padding:2px 0;}
ul.navloc a {
	text-decoration:none;
	padding-right:0;
	padding-left:0; 				/* lascia spazio fra il bordo del menu e il testo del link */
	height/**/:14px;line-height/**/:14px; 	/* altezza del link: height e line-height devono avere il medesimo valore */
	color: #333;
}

ul.navloc a:visited {color: #666;}
ul.navloc a:hover, .navloc a:active {text-decoration:underline}

ul.second_navloc{margin: 0; padding:0; list-style: square; font:normal 11px Arial;}
ul.second_navloc li{margin:0 5px 3px 18px; padding:2px 0;}
ul.second_navloc a {
	text-decoration:none;
	padding-right:0;
	padding-left:0; 				/* lascia spazio fra il bordo del menu e il testo del link */
	height/**/:11px;line-height/**/:11px; 	/* altezza del link: height e line-height devono avere il medesimo valore */
	color: #333;
}

ul.second_navloc a:visited {color: #666;}
ul.second_navloc a:hover, .navloc a:active {text-decoration:underline}
