/*STILI PER IMPAGINAZIONE*/
body {margin:0; padding:0; background:#000;}
/*Questo div, con position:absolute, serve per centrare verticalmente il sito.*/
#mainFrame {position:absolute; top:50%; margin-top:-225px; height:450px; width:100%; font:10px verdana,tahoma,arial,sans-serif;}
/*La seguente classe serve perché il "position:absolute" non permette di centrare il div orizzontalmente.*/
   #mainFrameInner {position:relative; width:780px; margin-left:auto; margin-right:auto; background:url("../images/frame_back.gif") repeat-y;}
      #frameContent {color:#fff; height:396px;}
         /*Uso il posizionamento assoluto perché il logo MACRO deve esr allineato in basso, e qndi deve stare dentro una serie di div con position:absolute.*/
         #contentLeft {position:absolute; width:584px; height:396px; overflow:auto;}
            #contentLeftInner {padding:0 0 0 30px; line-height:16px;}
            #contentLeftInner img {border-color:#fff;}
               #contentFull {padding:0; float:left; width:534px;}
						.schedaImg {margin:20px 6px 0 0;}
               #contentHalf {padding:0; float:left; width:275px;}
               #contentHalf2 {padding:0; float:left; width:259px;} /*259px = 275px - 16px (perché contentHalf contiene innerText, ke ha padding-right:16px). E' l'impostazione migliore x consentire overflow senza problemi.*/
                  .innerText {padding:0 16px 0 0;}
                     #prods {float:left; width:530px;}
                        #prodTop {clear:left; color:#aaa; font-weight:bold; margin:15px 0 8px 0;}
                        #prodBottom {}
                           .prodThumb {float:left; margin:0 9px 8px 0; filter:Gray Alpha(Opacity=65); -moz-opacity:0.65; border:none;}
                  .prTitle {display:block; padding:5px; border-bottom:solid 1px #aaa; font-weight:bold; letter-spacing:0.05em; text-transform:uppercase; color:#ff9900;}
                  .fotoIdee {float:left; width:79px; margin-right:8px; line-height:13px; text-align:center;}

         #contentRight {position:absolute; width:196px; left:584px; height:423px; /*sarebbe 450 - la h dell'img frame_top.gif*/}
            #contentRightInner {padding-right:8px; text-align:center;}
               .menuButton {display:block; text-decoration:none; padding:7px 30px 10px 30px; margin-bottom:6px; text-align:left; background:url("../images/butt_off.gif") 50% 0 no-repeat; color:#666;}
               .menuButton:hover {color:#000;}
               .menuButton:active,.menuButtonOn,.menuButtonOn:hover {display:block; text-decoration:none; padding:7px 30px 10px 30px; margin-bottom:6px; text-align:left; background:url("../images/butt_on.gif") 50% 0 no-repeat; color:#000; font-weight:bold;}
                  #logoMacro {position:absolute; left:0; bottom:25px;}

/*STILI VARI*/
a {color:#fff;}
a:hover,a:active {color:#ff9900;}
h2 {font:14pt "book antiqua",garamond,serif;}
h2:first-letter {color:#ff6600; font-weight:bold; font-size:20pt;}
.listElement {display:block; background:#242400 url("../images/list_back.gif"); padding:4px 10px 4px 10px; margin:5px;}
.listElement:hover {background-color:#515100;}
.listLink {display:block; color:#fff; background:#242400 url("../images/link_back.gif"); padding:4px 10px 4px 10px; margin:5px; text-decoration:none; font-weight:normal;}
.listLink:hover,.listLink:active {color:#ff9900; background:#515100 url("../images/link_back.gif");}
.impText {color:#ff9900;}
.articolo {margin-top:15px; padding-left:25px; background:url(../images/ico_pdf.gif) no-repeat;}

/*STILI X FORM*/
.inputText {padding-left:5px; padding-top:2px; font-family:tahoma,verdana,arial,helvetica,sans-serif; font-size:11px; height:19px; background:#242400; border:none; color:#fff;}
input:focus {background:#1A1A00;}
textarea {padding-left:3px; padding-top:2px; font-family:tahoma,verdana,arial,helvetica,sans-serif; font-size:11px; background:#242400; border:none; color:#fff;}
textarea:focus {background:#1A1A00;}
.select {font-family:tahoma,verdana,arial,helvetica,sans-serif; font-size:11px; background:#242400; border:none; color:#fff;}