@charset "utf-8";

/* --------------------------------------------
   Metalli
   copyright (c) The Trade Group & Metalli
   Designed & Developed by Ariamedia (www.ariamedia.com)
   Last Update February 30, 2006
----------------------------------------------- */

/* =GLOBAL
----------------------------------------------- */

* { margin: 0; padding: 0; }
body { font: 8.5pt/16pt Trebuchet MS, sans-serif; color: #333; background: url(../images/backmeup.gif) repeat-x top left; width: 960px; margin: 0 auto; }
a { text-decoration: underline; color: #00AAFF; }
a:hover { color: #000; text-decoration: none; }
a img { border: none; }

/* =STRUCTURE
----------------------------------------------- */
div#wrapper_global { padding-top: 60px; background: url(../images/home_ferro.jpg) no-repeat; background-position: 266px 87px; }


/* -Left Column
---------------------*/
div#col_left { width: 305px; float: left; }
div#col_left input.signmeup { float: left; margin-right: 4px; background: url(../images/signmeup.gif) top right no-repeat; border: none; width: 118px; overflow: hidden; padding: 2px 10px 4px 10px; font-size: 10pt; font-weight: 100; color: #999; }
div#col_left p.signmeup { float: left; font-size: 10pt; font-weight: 100; color: #999; margin-right: 4px; }
div#col_left a.go { margin-bottom: 1em; color: #fff; text-decoration: none; display: block; float: left; text-align: center; width: 37px; padding: 0 0 2px 0; background: url(../images/GO.gif) top left no-repeat; overflow: hidden; }
div#col_left a:hover.go { background: url(../images/GO.gif) top right no-repeat; }

div#wrapper_global div#col_left form { margin-bottom: 1em; }
div#wrapper_global div#col_left form p { width: 90px; float: left; font-size: 8pt; font-weight: bold; color: #000; }
div#col_left form input { float: left; }

/* -Right Column
---------------------*/
div#col_right { width: 166px; padding: 2px 2px 4px 2px; text-align: right; background: url(../images/sidebar.gif) bottom left no-repeat; float: right; color: #666; }
div#col_right h2 { text-align: right; padding: 10px; margin: -2px -2px 0 -2px; border-bottom: 1px solid #fff; background: url(../images/sidebar.gif) top left no-repeat; font-size: 14pt; }

div#col_right ul { list-style: none; margin: 0; }
div#col_right ul li { font-size: 9pt; text-transform: uppercase; }
div#col_right ul li a { display: block; width: 100px; padding: 14px 66px 14px 0; text-decoration: none; color: #999; }
div#col_right ul li a:hover { font-size: 10pt; color: #000; }

div#col_right p { font-size: 7.5pt; line-height: normal; text-align: center; padding: .5em 0; margin: 0; border-top: 1px solid #fff; color: #BEBEBE; }

/*-------- [ acciacio ] --------*/
div#col_right ul li.acciaio a { background: url(../images/icn_acciacio.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.acciaio a:hover { background: #EBEBEB url(../images/icn_acciacio.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ argento ] --------*/
div#col_right ul li.argento a { background: url(../images/icn_argento.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.argento a:hover { background: #EBEBEB url(../images/icn_argento.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ ferro ] --------*/
div#col_right ul li.ferro a { background: url(../images/icn_ferro.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.ferro a:hover { background: #EBEBEB url(../images/icn_ferro.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ nichelio ] --------*/
div#col_right ul li.nichelio a { background: url(../images/icn_nichelio.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.nichelio a:hover { background: #EBEBEB url(../images/icn_nichelio.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ oro ] --------*/
div#col_right ul li.oro a { background: url(../images/icn_oro.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.oro a:hover { background: #EBEBEB url(../images/icn_oro.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ ottone ] --------*/
div#col_right ul li.ottone a { background: url(../images/icn_ottone.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.ottone a:hover { background: #EBEBEB url(../images/icn_ottone.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ platino ] --------*/
div#col_right ul li.platino a { background: url(../images/icn_platino.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.platino a:hover { background: #EBEBEB url(../images/icn_platino.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ rame ] --------*/
div#col_right ul li.rame a { background: url(../images/icn_rame.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.rame a:hover { background: #EBEBEB url(../images/icn_rame.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ compatto ] --------*/
div#col_right ul li.compatto a { background: url(../images/icn_compatto.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.compatto a:hover { background: #EBEBEB url(../images/icn_compatto.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ bybrid 1 ] --------*/
div#col_right ul li.hybrid1 a { background: url(../images/icn_hybrid1.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.hybrid1 a:hover { background: #EBEBEB url(../images/icn_hybrid1.gif) no-repeat; background-position: 110px 50%; }

/*-------- [ hybrid 2 ] --------*/
div#col_right ul li.hybrid2 a { background: url(../images/icn_hybrid2.gif) no-repeat; background-position: 110px 50%; }
div#col_right ul li.hybrid2 a:hover { background: #EBEBEB url(../images/icn_hybrid2.gif) no-repeat; background-position: 110px 50%; }



/* -Everything Else
---------------------*/
div#logo { margin: 0 0 2.4em 0; }
div#footer { clear: both; margin-bottom: 2em; }
div#footer a { color: #999; text-decoration: none; }
div#footer a:hover { color: #00AAFF; }
div#spacer { margin-top: 100px; height: 280px; }


/* =BLOCK_FORMATTING
----------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, ul, form, pre, blockquote, table { margin: 0 0 2em 0; }
h2 { font-size: 10pt; font-weight: 100; }
h3 { font-size: 16pt; font-weight: 100; margin: 0 0 .25em 0; }
h4 { font-size: 20pt; font-weight: 100; margin: 0 0 .25em 0; color: #000000; }

/* =CLASSES
----------------------------------------------- */
.hideme { display: none; }
.clear { clear: both; }

p.copyright { font-size: 7pt; color: #999; }
p.narrow { width: 88%; }

.black { color: #000; }