/*************************/
/* Formattazione dei tag */
html, body{height: 100%; margin-bottom:1px!important; /* Forzatura scrollbar Firefox */ margin:0; padding:0; }
body {margin:0; text-align:center; font:12px Verdana, Arial; background:url(../img/bg_ferro01.jpg) top left repeat}
img{border:none;}
a {text-decoration:none; color:#666;}

/**************************/
/* Struttura della pagina */
#maincontent {position:relative; width:800px; margin:0px auto; padding:0; text-align: left; background-color:#FFF;}
#header {position: relative; margin:0 0 25px 0 padding:0;}
#content {margin:0 0 20px 0px; padding:0;}
#col_sx {width:140px; margin:30px 0 0 0; padding:0;  text-align:left;}
#col_center {/*width:610px;*/ margin:0 10px; padding:10px 0 0 0; font:12px Verdana, Arial; }
#footer {clear:both; position: relative; overflow:hidden; margin:20px 10px 0 10px; padding:5px 0; 
border-top:1px solid #AAA; text-align:left; font: 9px Arial; color:#555;}

/***********************************/
/* Elementi specifici dello header */
h2#claim1 {margin:0; padding:0 10px; background:url(../img/bg_ferro01.jpg) top left repeat; font: 10px arial; text-align:center}
#header #claim2 {margin:0 10px; padding:0; font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color: #254B89}

#header img#logo {margin-top:5px; padding:0 10px;}
#header img.coccarde {float:right; margin-right:10px; margin-top:85px;}
#header a {color:#666;}
#header #navser {position:absolute; top:5px; right:5px;}
#header #navser a{padding:5px; font:11px arial; color:#444; text-decoration:none}
#header #navser a:hover{text-decoration: underline}

/* Navigazione globale */
ul#navglob {float:left; width:780px;  padding: 0; margin:10px 10px 20px 10px; list-style: none; font:bold 18px sans-serif; background:url(../img/fondo_menu.gif) #888 top left repeat-x;}
ul#navglob li{float:left; margin:0 10px;padding:4px 0;}
ul#navglob a:link, ul#navglob a:visited{display:block; text-decoration:none; margin:0; padding:0 5px 0 5px; /*border-bottom:4px solid #888;*/ color:#FFF}
ul#navglob a:hover{/*border-bottom:4px solid #efefef;*/ background-color:#efefef; color:#333;}
ul#navglob a#Attivo {background-color:#efefef; color:#333; /*border-top:4px solid #efefef;*/}

/*
ul#navlocal{clear:left; position:absolute; height:15px; margin:38px 10px 10px 10px; padding:2px 10px; list-style: none; background-color:#999;}
ul#navlocal li{float:left; margin:0 10px;padding:0;}
ul#navlocal a{color: #FFF;}
*/
#etichetta_navlocal{position:absolute; top:185px; left:290px; font: bold italic 12px sans-serif}
#navlocal {position:absolute; top:185px; right:10px; height:15px; margin:0; padding:0; text-align:right}
#navlocal ul{margin:0; padding:0; list-style: none;}
#navlocal li{float:right; margin:0 0 0 4px; padding:0 5px; background-color:#888; /*#254B89;*/}
#navlocal a{color: #FFF; font:bold 11px sans-serif;}

/**********************************/
/* Elementi specifici del content */
#col_center h1 {margin:10px; padding:0; font:bold 20px Tahoma, Arial; color:#254B89;}
#col_center h2 {margin:20px 10px 5px 10px; padding:0; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#333;}

#col_center p, #col_center div {font:12px Verdana, Arial; line-height: 26px; color:#333;}
#col_center p {margin:0 10px;}
#col_center a { text-decoration:underline}
#col_center ul {margin:0 10px; padding:0;}
#col_center li{margin-left:20px; padding:0 0 10px 0; font:12px Verdana, Arial;line-height: 20px; }

.col1{width:380px;}
.col2{float:right; width:380px;}
#col_center .col2 h2{margin:0 0 0 90px; padding:0;}

/* homepage */
#box_realizzazioni{clear:both; margin:20px 0;}
#box_realizzazioni h2{margin:5px 0; padding:0; border-bottom:3px solid #254B89; font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
.box_home {position:relative; float:left; width:175px; height:200px; margin:0 22px 10px 0; background-color:#003333}
.box_home_last {position:relative; float:right; width:175px; height:200px; margin:0 0 10px 0; background-color:#003333}
.box_home_last .etichetta, .box_home .etichetta{position:absolute; top:0px; right:0px; z-index:2; border:1px solid #666; 
padding:2px 5px; color:#666; background-color:#EEE; text-decoration: none}

/* Realizzazioni */
#foto_principale {margin:0 10px;}
#thumbnail{float:right; width:160px; margin:0; padding:0;}
/*#thumbnail h2{margin:0 0 0 10px; padding:2px 0; font:bold 13px arial; background-color:#254B89; color:#FFF; text-align:center}*/
#thumbnail .thumb{float:left; width:70px; height:50px; padding:0; margin:0 0 10px 10px; overflow:hidden}
#thumbnail .thumb img{padding:0;}

#thumbnail #panel{clear:left;}
#thumbnail #panel a#avanti, #thumbnail #panel a#indietro{font:11px arial}
#thumbnail #panel a#avanti{float:right;}
#thumbnail #panel a#indietro{float:left; margin-left:10px;}


/* Contatti */
#col_center #contatti_email{margin:10px; font-size:0.9em}
#contatti form{margin:10px; padding:0;}
#contatti label{position:absolute; float:left;}
#contatti input, #contatti textarea{margin-left:80px; width:300px;}

#col_center p.messaggio{font-weight:bold; color:#254B89;}

/* dove siamo */
#map{float:right; width: 450px; height: 300px; margin:0 0 10px 10px;}

/* mappa */
ul#mappa li{margin-left:0px; padding:0; list-style-position:inside; line-height: 20px}
ul#mappa ul.liv1 li{margin-left:10px; padding:0;}
ul#mappa ul.liv1 a{font:11px arial;}


/*********************************/
/* Elementi specifici del footer */
#footer a{ text-decoration:underline}
#footer #valid{position:absolute; top:5px; right:0;  margin:0; padding:0;  font:italic 10px Arial; text-align:right}
#footer #valid a{margin:0; padding:0; font:italic 10px Arial; color:#555;}

#copy{position:absolute; bottom:5px; right:0; margin:0; padding:0;  font:italic 10px Arial;}

/*******************/
/* Classi generali */
.imgdx{/*clear:right;*/ float:right; margin:10px 0 10px 10px}
.titolo_capitolo{padding:5px 5px 0 5px;  background-color:#254B89; color:#EEE;}

