html { margin-bottom: 1px; height: 100%}
body{ margin:0; padding:0; background-image:url(img/bigio.jpg); font:67.5% Tahoma, Verdana, Arial, Sans-Serif; color:#656760;text-align:center}
a{outline:0}
div#all{margin:0; padding:0; background:url(img/bodybgH.jpg) 50% top no-repeat; }
div#main{margin:0 auto; padding:0; width:790px; text-align:left}
div#header h1 span, div#header h2 span{position:absolute;margin:-5000px 0 0 0}
 div#header {margin:0; padding:1px; height:138px}
 div#header h1{margin:70px 40px 0; padding:0; width:175px; height:40px;background:url(img/logo.png) 50% 50% no-repeat}
div#navy{margin:0; padding:5px; width:396px; height:45px; text-align:center}
 div#navy ul{margin:1em 0; padding:0; text-indent:0;}
 div#navy ul li{margin:0; padding:0; display:inline}
 div#navy ul li a{margin:0; padding:6px; color:#999; text-decoration:none; font-size:12px; letter-spacing:1px}
 div#navy ul li a:hover, div#navy ul li a#qui{color:#f90; text-decoration:none}
p#mipres{margin:40px 0 0; padding:0; width:396px; text-align:center; font: 18px/26px Copperplate,'Copperplate Gothic Light', serif; letter-spacing:1px;color:#fc9}
div#portfolio{margin:40px 0 0; padding:0}
div#portfolio p#pport{color:#fc9;letter-spacing:1px;}
 div#portfolio ul{margin:0 auto; padding:0; width:788px}
 div#portfolio ul li{ margin:0; padding:0; display:inline}
 div#portfolio ul a{margin:0; padding:0; width:167px; height:182px; display:block;float:left; text-decoration:none}
 div#portfolio ul a#puno{margin:0 40px 0 0}
 div#portfolio ul a#pdue{margin:0 43px 0 0}
 div#portfolio ul a#ptre{margin:0 42px 0 0; }
 div#portfolio ul a#pqq {width:160px}
 div#portfolio img{margin:22px 0 0 19px; padding:0; width:123px; height:88px; display:block; border:0}
 div#portfolio ul a span{color:#fc9; margin:45px 0 0; padding:0; height:40px; display:block; font-size:11px; text-transform:uppercase; text-align:center  }
div#servizi{margin:13px auto 0; padding:0; width:750px;}
 div#servizi div.avw{margin:0; padding:0; width:250px; text-align:justify; display:inline; float:left}
 div.avw h2{margin:0; padding:0 25px;font: 1.8em Copperplate,'Copperplate Gothic Light'; color:#633}
 div.avw ul{margin:0; padding:0; list-style-type:none}
 div.avw ul li{margin:0; padding:0 25px; line-height:18px}
 div.avw a{color:#966}
 div.avw a:hover{color:#633}
 div.cleaner{clear:both}
div#footer{margin:0; padding:0; height:105px; color:#ccc; background-image:url(img/footerbg.jpg)}
 div#footer p{margin:0 auto; padding:3em 0 0; width:714px; text-align:left}
 div#footer p a{text-decoration:underline; color:#ccc; letter-spacing:1px;}
 div#footer p a:hover{color:#fff}
 div#footer p#plogin{margin:-1.5em auto 0; padding:0; width:714px;text-align:right}
 p#plogin a.aree{padding:4px; text-transform:uppercase; text-decoration:underline; color:#ccc; letter-spacing:1px;}
 a.validator{color:#656760; text-decoration:underline; letter-spacing:1px}
 a.validator:hover{color:#333; text-decoration:underline}
 div#clienti, div#speakers{position:absolute; padding:3em 80px; top:30%; left:35%; width:300px; height:250px; background:url(img/fondologin.png) 0 0 no-repeat; font-size:14px; text-align:left; display:none}
  div#clienti label, div#speakers label{display:block; margin:10px 0; padding:0; width:250px; height:30px; text-align:right; color:#fff}
  div#clienti input, div#speakers input{margin:0 0 0 10px;width:150px; background-color:#f2f2f2; border:#000;font-size:14px; background:url(img/fondoinput.jpg) 0 -5px repeat-x}
  div#clienti h1, div#speakers h1{margin:0 0 2em; padding:0;font:2em Copperplate,'Copperplate Gothic Light'; color:#fff; text-align:center}
  div#clienti input.login, div#speakers input.login{width:80px; padding:4px; background-color:#f2f2f2; border:#ccc;font-size:14px; display:block; margin:0 0 0 170px;}
  div#clienti p.chiudi, div#speakers p.chiudi{margin:0; padding:0; text-align:right; position:absolute; top:40px; right:50px}
  div#clienti p.chiudi a, div#speakers p.chiudi a{margin:0; padding:4px; color:#fff; text-decoration:none; font-size:20px; font-weight:600}