html {font-size: 85%;}
body {margin: 0;
background-color: #FFF; background-image: none;
font-family: Verdana, Arial, Helvetica, Sans-serif;
color: #000; font-size: 100%;}
body.popup {background-position: center top; background-repeat: repeat-y}
body.popup p {font-size: 0.90em; margin-bottom: 10px;}
h1 {font-size: 1.60em;}
h2 {font-size: 1.20em; font-weight:normal; margin: 14px 0 4px 0;}
h3 {font-size: 1.10em;}
a {color: #333; text-decoration: underline;}
a:hover {color: #000;}
em {font-size: 0.75em;}
#header {display: none;}
#banda {display: none;}
/* MENU */
#menu1 img {display: none;}
#titsez {display: none;}
#menu2 {display: none;}
#menu2 img {border: 0;}
.pipe {color: #FFF;}
/* TASTI HOME */
.tasti_home {height: 81px; background-image: url('../img/tratteggio.gif');
background-position: 3px 73px; background-repeat: repeat-x;}
#login_flash {position: absolute; top: 330px; left: 50%; width: 200px; margin-left: -115px;}
/* CONTENUTO */
#main {position: absolute; top: 0; left: 0; width: 600px;
background-image: none;
background-repeat: repeat-x; background-position: 0 0;
background-color: #FFF;}
#inmain {min-height: 400px;
height: auto !important;
height: 400px;
padding: 0;}
#inmain p, #inmain li {font-size: 0.90em; margin: 6px 6px 12px 0; line-height:150%}
#inmain li {margin:6px 0 0 0;}
#inmain p.info {background-image: url('../img/info_ico.gif');
background-repeat: no-repeat; background-position: 0 0;
padding: 14px 0 0 60px; margin:0;
height: 50px;
min-height: 50px;}
#txt {padding: 20px 0 0 0;}
#txt p, #txt h1, #txt h2, #txt img {margin-left: 18px;}
#txt img.tutti_tit {margin-left: -18px;}
/* SLIDE */
.pagslide {padding: 0 10px 0 30px;}
.textslide {width: 600px;}
.imgslide {display: none;}
.fullslide {clear: both; width: 500px;}
.textslide ul, ol {margin-bottom: 0;}
/* CONTATTI */
table.webform {margin-top: 10px;}
table.webform td {font-size: 0.75em; padding-bottom: 10px; text-align: left;}
table.webform td.nobottom {font-size: 0.75em; padding-bottom: 0px; text-align: center;}
table.webform .field {background-color: #FFF; font-size: 1.00em;}
table.webform .fieldarea {background-color: #FFF; font-size: 1.10em;}
table.webform .button {background-color: #FFF; width: 70px; font-size: 0.75em; font-weight: bold;}
.testo {margin-left: 18px;}
/* LOGIN */
table.login td {font-size: 0.75em; padding-bottom: 10px; text-align: left; align: center;}
table.login td.nobottom {font-size: 0.75em; padding-bottom: 0px; text-align: center;}
table.login .field {font-size: 1em; background-color: #FFE6D5; border:solid 1px #FF6600;}
table.login .button {background-color: #FFF2D7; color: #FF6600; border:solid 1px #FF6600; width: 70px; font-size: 0.75em; font-weight: bold;}
/* NEWS */
#tit_news {position: absolute; top: 0px; left: 50%; width: 600px; height: 70px; margin-left: -300px; background-image: url('../img/tit_news.jpg'); background-position: 20px 20px; background-repeat: no-repeat;}
#tit_trattino {position: absolute; top: 70px; left: 50%; width: 600px; height: 6px; margin-left: -300px;background-image: url('../img/tratteggio.gif');
background-position: 3px 3px; background-repeat: repeat-x;}
#news {position: absolute; top: 86px; left: 50%; width: 600px; margin-left: -280px;}
#news p {margin: 0 0 5px 0;}
#news h2 {font-size: 1.20em; margin: 0 0 5px 0;}
#news p.continua {margin:0 0 30px 0;}
#news p.continua a {color: #333; text-decoration: none;}
#news p.continua a:hover {color: #000; text-decoration: underline;}
/* COLOPHON */
#colophon {background-color: #FFF;
font-size: 0.9em;
color: #000;
clear: both;
text-align: left;
padding-top: 5px;
padding-left: 17px;	}
#colophon p {margin: 0;}
/* SKIN */
#skin {display: none;}
/* PORTFOLIO */
.ombra_sup {display: none;}
#portfolio {width: 700px; background-color: #DEDED2; margin: 0;
background-image: url('../img/bg_portfolio.gif'); background-repeat: repeat-y; background-position: 0 0;}
.ombra_inf {display: none;}
/* Elenco clienti*/
#lista {padding-left: 10px; width: 157px; font-size: 0.85em;}
#inlista {
font-weight: bold;
font-size: 1.10em;
width: 157px;
height: 280px;
overflow: auto;
scrollbar-face-color: #FFF;
scrollbar-darkshadow-color: #FFF;
scrollbar-highlight-color: #FFF;
scrollbar-track-color: #FFF;}
#inlista p {margin: 0 0 7px 0; color: #ABA9A9; line-height: 1.10em;}
#inlista a.on {color: #3D3938; background-color: #FFF2D7;
background-position: center right;
background-repeat: no-repeat;}
#inlista a {color:#454545; background-color: #DEDED2; text-decoration:none; display:block;}
#inlista a:hover {color: #3D3938; background-color: #FFF2D7;}
/* Elenco categorie per cliente*/
#dettaglio {width: 185px; float: right;
margin-right: 5px;}
#title {background-color: #FFF;
min-height: 36px;
height: auto ! important;;
height: 36px; border-top: 1px solid #FFF;}
#title h1 {color: #3D3938; font-size: 1.00em; font-weight: bold; margin: 10px 0 0 2px; }
#info {display: none;}
#info h2 {color: #3D3938; margin: 5px 0 0 5px; font-weight: bold; font-size: 0.90em;}
#info p {margin: 0 0 0 5px; color: #666;}
#cat {}
#cat h2 {color: #3D3938; font-size: 0.85em; margin: 15px 0 0 5px; font-weight: bold;}
#cat p {font-weight: bold; font-size: 0.95em; background-color: #FFF2D7;
background-position: 173px 4px;
background-repeat: no-repeat;
margin: 4px 0 4px 0; padding-left: 3px;}
#cat a {color:#9C9A9A; background-color: #FFF; text-decoration:none; display:block;}
#cat a:hover {color: #3D3938; background-color: #FFF2D7;}
/* Progetto per cliente/categoria*/
#dett_img {width: 335px; float: right;}
#dett_img p.desc {padding: 5px 0 0 5px; margin: 0; border-top: 2px solid #FFF; color: #666;}
.dett_img {border: 2px solid #333; margin: 5px 0 10px 0;}
#dett_title {background-color: #FFF2D7; height: 36px; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF;}
#dett_title h1 {font-size: 1.00em;  margin: 8px 0 0 5px;}
.tit_pro {color: #666; font-weight: bold; font-size: 0.85em;}
#dett_img h2 {font-size: 1.00em; font-weight: bold; margin: 0 5px 5px 5px;}
#dett_img a {text-decoration: none; color: #999;}
#dett_img a.hover {text-decoration: underline;}
/* CAMPAGNA OROSCOPO*/
body.campagna {background-color: #000; background-image: none; margin: 0;}
body.campagna #nav {
position:absolute;
top:0;
left:0;
z-index:20;
margin: 0;
width: 700px;
height: 106px;
background-image:url('../img/menu_oroscopo.gif');
background-repeat:no-repeat;
background-position:0 0;}
body.campagna #nav table {
margin: 66px 0 0 120px;
width: 540px;}
body.campagna #oroscopo {
position:absolute;
top:107px;
left: 0;}
body.campagna #oroscopo table {border:none; margin:0; height:300px;}
body.campagna #oroscopo td {height:200px; vertical-align:top;}
body.campagna #oroscopo .col {width:200px;}
body.campagna #oroscopo .img {width:200px;}
body.campagna #oroscopo .col p {text-align:right; font-size:11px; width:300px;}
body.campagna #oroscopo .col h2 {text-align:right; }
/* TENDINA */
div.tendina {position: absolute; visibility: hidden; z-index: 40; border: 3px solid #fff;}
div.tendina p {margin: 5px 0 0 0; font-size: 0.90em; color: #000; background-color: #FFF;}
/*Agenzia - Cosa*/
#ag_cosa p{padding-left: 60px; padding-top: 5px;}
.rosso {border-top: solid 1px #E60003;
background-image:url('../img/rosso.gif');
background-repeat:no-repeat;
background-position:10px 10px;}
.arancio {border-top: solid 1px #EE7900;
background-image:url('../img/arancio.gif');
background-repeat:no-repeat;
background-position:10px 10px;}
.giallo {border-top: solid 1px #FFED00;
background-image:url('../img/giallo.gif');
background-repeat:no-repeat;
background-position:10px 10px;}
.verde {border-top: solid 1px #009835;
background-image:url('../img/verde.gif');
background-repeat:no-repeat;
background-position:10px 10px;}
.ciano {border-top: solid 1px #00A6EB;
background-image:url('../img/ciano.gif');
background-repeat:no-repeat;
background-position:10px 10px;}
.grigio {border-top: solid 1px #C3C5C7;
background-image:url('../img/grigio.gif');
background-repeat:no-repeat;
background-position:10px 10px;}
.magenta {border-top: solid 1px #E50083;
background-image:url('../img/magenta.gif');
background-repeat:no-repeat;
background-position:10px 10px;}
/* end */