/* CSS Comune */

/* tag */
body {background-color:#FFFFCB; color:#039; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
h1 {font-family:"Trebuchet MS", Verdana; font-size:115%/*18px*/; line-height:105%/*18px*/; margin:3px 0; padding:0; letter-spacing:1px;}
h2 {font-family:"Trebuchet MS", Verdana; font-size:91%/*16px*/; margin:3px 0;}
h3 {font-size:70%/*11px*/; margin:3px 0;}
h4 {font-size:70%/*11px*/; font-style:oblique; margin:3px 0; color:#00F;}
h5 {font-size:65%; margin:3px 0;}
h6 {font-size:50%; margin:3px 0; font-weight:normal;}
p {font-size:70%/*11px*/; margin:3px 0;}
a {color:#00F;}
a:hover {color:#F00;}
img {padding:1% 0;}
ol {margin:5px 25px;}
ul {margin:5px 25px;}
li {font-size:70%; margin:2px;}
hr {color:#fff; border-top:1px solid #039;}
.email a { background-image: url(../img/email.gif); background-repeat:no-repeat; height:11px; width:112px; padding:0; margin:0;}
.email a:hover { background-image: url(../img/email_rossa.gif); background-repeat:no-repeat; height:11px; width:112px; padding:0; margin:0;}

/* img */
.centoxcento {width:100%;}
.no-marg {padding:0;}

/* link */
.hp{border:1px solid #039; margin:0 3%; text-align:center; font:bold 110% Verdana, Arial, Helvetica, sans-serif;}
.hp a {text-decoration:none; color:#000;}
.hp img {width:100%}
.hp-rosso{color:#F00;}
.txt-nero {color:#000;}
.link-img {border:1px solid #039; padding:0;}
.link-img:hover {border:1px solid #F00;}
.link-scuro {color:#039; text-decoration:none;}
.link-scuro:hover {text-decoration:underline;}
.link10, .link10 a {font-size:10px;}
.link10 a:hover {font-size:10px; color:#F00;}
.col-small-left .link10 {font-size:10px; color:#039;}
.col-small-left .link10 a {font-size:10px; color:#039;}
.col-small-left .link10 a:hover {font-size:10px; color:#F00;}
.back {position:static}

/* form */
form {margin:0; padding:0;}
input, textarea, select {border:1px solid #039; letter-spacing:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; padding:.1%;}
p input {font:100% Verdana, Arial, Helvetica, sans-serif;}
p input.submit {font:100% Verdana, Arial, Helvetica, sans-serif;}
.submit {border:1px solid #039; background:#039; font-size:70%; color:#FFF; padding:.1%;}
.checkbox {border:0;}
.non-obbligatorio {color:#76A0D3;}

/* div principali */
#testata {width:100%; height:90px; background:url(../img/testata_day.gif) left no-repeat;}
#tit-testata {position:absolute; width:743px; top:63px; left:0; text-align:right;}
#tit-testata h1 {font:bold oblique 120% "Trebuchet MS", Verdana; margin:0; padding:0;}
#contenuto {width:100%; height:auto; background-color:#fff; border-top:4px solid #039; padding:1% 0;}
#footer {clear:both; width:100%; border-top:4px solid #039; padding-top:.5%;}

/* div class */
.col-marg {padding:.2% 2%;}
.colonne {padding:0 1%; float:left; width:24%;}
.colonne-portfolio {padding:0 18px/*2%*/; float:left; width:150px/*14%*/; height:230px;}
.colonne-iab {padding:0 18px/*2%*/; float:left; width:219px/*14%*/; height:250px;}
.colonne-portfolio-small {padding:0 18px/*2%*/; float:left; width:150px/*14%*/; height:200px;}
.colonne-portfolio-link {padding:0 18px/*2%*/; float:left; width:170px/*14%*/; height:60px;}
.colonne-portfolio-email {padding:0 18px/*2%*/; float:left; width:150px/*14%*/; height:250px;}
.colonne-portfolio-email-link {padding:0 18px/*2%*/; float:left; width:150px/*14%*/; height:93px;}
.colonne-media {padding:0 2%; float:left; width:400px;}
.doppia-colonna {padding:0 2%; float:left; width:47%;}
.tripla-colonna {padding:0 2%; float:left; width:70%;}
.col-small {padding:0 13px; float:right; width:155px;}
.col-small-left {padding:0; float:left; width:100%%/*129px*/; height:100%; margin-right: 16px; margin-top: 2px}
.credits {padding:2%; float:left; width:77%;}
.credits img {padding:0;}
.versioni {padding:2%; float:left;}
.footer a {text-decoration:none;}
.footer a:hover {text-decoration:underline;}

/* menu in basso */
#menu {margin:0; padding:0;}
ul#menu {list-style-type: none;}
ul#menu li {display:inline; padding:0; margin-left:0; margin-right:.6%;}
ul#menu img {margin-right: 3px;}
#menu a {color:#039; white-space:nowrap; line-height: 24px;}
#menu a:hover {color:#F00; white-space:nowrap;}

.day {display:none;}