﻿html { margin:0px; padding:0px; }
body { 
  font-family: arial,"trebuchet ms","Century Gothic",Helvetica,Verdana,sans-serif;
  font-size:11px; text-align: left;
  font-weight:normal;
  line-height:15px;
  text-decoration: none; 
  color:#434343; background-color: #f2f2f2; 
  margin:66px 20px 20px 90px;
}
img { border:0px; }
a  { color:#434343; text-decoration:none; }
h1 { font-weight:normal; font-size:12px; display:inline; color:black;}
ul { list-style-type:none;  }

.tac { text-align:center; }
.tar { text-align:right; }

#mainDiv { float: none; position:relative; width:840px; margin: 0px; padding: 0px 0px 18px 0px; text-align:left; }
#logoDiv { float:right; width:317px; height:29px; margin:0px; padding:0px; line-height:29px; background-image:url(../img/logo_s.gif)/*tpa=http://www.studioamati.it/img/logo_s.gif*/; }  
div.lineDiv { clear:both; width:840px; margin:0 0 30px 0; border-bottom:1px solid #ff9800; line-height:1px; height:1px; font-size:1px;}

#menuDiv { float:left; width:520px; height:29px; line-height:29px; margin:0px; padding:0px; 
  text-align:left; font-family:"Century Gothic";  }
#menuDiv ul { height:29px; margin:0px; padding:0px; }
#menuDiv ul li { float:left; list-style-type: none; text-align:left; padding:0px; padding-right:30px; }
#menuDiv a { width:auto; font-size:12px; font-weight:bold; color:#6b6b6b; letter-spacing:1px; line-height:29px;}
#menuDiv a.selected { color:#c2c2c2; cursor:default; }
#menuDiv a:hover    { color:#c2c2c2;}

#contentDiv { clear:both; width:840px; height:352px; overflow: hidden; background-color:white; margin:0px; padding:0px; }

#leftDiv    { float:left; width:170px; height:352px; margin:0px; padding:0px; overflow: hidden; text-align:left; background-color:#e2e2e2; }
#leftDiv div.leftTitle { width:auto; height:20px; line-height:20px; 
font-family:"Century Gothic"; font-size:10px; font-weight:bold; letter-spacing:0.1em; 
text-align:center; border-bottom:1px solid white; 
color:white; background-color:#cbcbcb; }
#leftDiv div.leftContent { margin:8px 19px 8px 19px; font-size:10px; line-height:12px;}
#leftDiv div.leftContent a { color:#434343; font-size:10px;}
#leftDiv div.leftContent a:hover { color:#8b8b8b; }
#leftDiv div.leftContent a.selected { color:#434343; }

#leftDiv ul { margin:0px; padding:0px; }
#leftDiv ul li.selected { color:#434343;}


#centerDiv { float:left; width:670px; height:352px; margin:0px; padding:0px; }
#centerDivContent { width:630px; height:312px; margin:20px auto; padding:0px; }

/* home */
#homeDiv { z-index:1; position:absolute; top:81px; left:20px; width:840px; height:352px; margin:0px;}
#homeImg { width: 800px; height:312px; }
#homeMask   { z-index:2; display:none; position:absolute; left:20px; top:81px; width:800px; height:312px; background-color:#cbcbcb; Filter:alpha(Opacity=0); opacity:0; }

#footerDiv { width:840px; height:30px; line-height:30px; margin:0px; padding:0px; font-size:10px; }

#footerLeft  { float:left; width:170px; color:#8b8b8b; }
#footerLeft table { border-collapse:collapse;}
#footerLeft td { padding:0 5px 0 0;}
#footerLeft ul { width:170px; height:30px; margin:0px; padding:0px; }
#footerLeft ul li { display:inline; float:left; list-style-type:none; text-align:left; padding:0 16px 0 0; }
#footerLeft a { color:#8b8b8b; font-size:10px;}
#footerLeft a:hover { color:#434343; }
#footerCenter { float:left; }

#footerCenter li { float:left; margin:0px 0px 0px 3px; height:13px; width:22px; line-height:13px; text-align:center; background-image:url(../img/bott_pag.gif)/*tpa=http://www.studioamati.it/img/bott_pag.gif*/; }
#footerCenter div { float:left; margin:9px 0px 0px 2px; height:13px; width:22px; line-height:13px; text-align:center; background-image:url(../img/bott_pag.gif)/*tpa=http://www.studioamati.it/img/bott_pag.gif*/; color:#666666; font-weight:normal; cursor:pointer;}
#footerCenter div.selected { background-image:none; cursor:default;}
#footerCenter ul { margin:0px; padding:0px; height:15px;}

#footerRight  { float:right; letter-spacing:0.15em; font-family:"Century Gothic"; color:#aaa;}
#footerRight a { color:#434343; font-weight:bold;}
#footerRight a.selected { color:#c2c2c2; }


/* progetto */
#leftDiv div.leftContent ul.progetti li { margin-bottom:7px; line-height:14px; font-size:10px;}
#leftDiv div.leftContent ul.progetti li a { font-size:10px; color:#434343; font-weight:bold;}
#leftDiv div.leftContent ul.progetti li.selected { color:#8b8b8b; }
#leftDiv div.leftContent ul.progetti li.selected a { text-decoration:underline; cursor:default;}
#leftDiv div.leftContent ul.progetti li a:hover { text-decoration:underline; }
/* #leftDiv div.altri { background-color:#CBCBCB; border-color:gray; border-style:solid; border-width:0px 1px 1px 0px; width:97px; height:14px; text-align:center; margin-top:8px; line-height:14px; padding:3px; } */
#leftDiv div.altri { background-image:url(../img/navcron_s.gif)/*tpa=http://www.studioamati.it/img/navcron_s.gif*/; width:61px; height:15px; line-height:15px; text-align:center; margin-top:9px; font-size:9px; text-transform:lowercase; }

#leftDiv div.altri a { font-size:10px; }
#arrowUpList { position:absolute; top:356px; left:151px; width:15px; height:19x; display:none; cursor:pointer; z-index:3; padding:0px; margin:0px; }
#arrowDownList { position:absolute; top:382px; left:151px; width:15px; height:19px; display:none; cursor:pointer; z-index:3; padding:0; margin:0px; }
#arrowUpList img { width:7px; height:7px; margin:10px 4px 4px 4px; }
#arrowDownList img { width:7px; height:7px; margin:2px 4px 10px 4px; }
#scrollList { position:absolute; top:87px; left:0px; padding:3px 15px; width:170px;height:321px; z-index:2; clip:rect(0px 170px 321px 0px); }
table.progetto { width:100%; border-collapse:collapse; }
table.progetto td { padding:0px; font-size:10px;}
table.progetto tr td div.text span.title { font-weight:bold; }
div.text { width:140px; }
div.shortdesc { color:#757575; margin-top:10px; font-size:10px; line-height:13px;  width:140px; height:200px; overflow:hidden;}
div.shortdesc a { text-decoration:underline; }
div.shortdesc a:hover { text-decoration:none; }
td.text { height:280px; vertical-align:top; }
td.img { width:468px; height:312px; }
#prgImg {  width:468px; height:312px;}
td.button { height:32px; vertical-align:bottom; }
div.button_container { position:relative; top:0px; left:0px; width:156px; height:30px; margin:0px; }
div.button_container div a { color:#757575;}
div.button_container div.button { display:none; position:absolute;width:21px; height:14px; background-image:url(../img/button_s.gif)/*tpa=http://www.studioamati.it/img/button_s.gif*/; font-size:10px;text-align:center; cursor:pointer; color:#757575;}
div.button_container div.sel { position:absolute;width:21px; height:14px; background-image:none; cursor:default; font-size:10px;text-align:center; cursor:pointer; color:#757575; }
div.button_container div.buttondescr { display:none; position:absolute; width:67px; height:14px; background-image:url(../img/butt_desc_s.gif)/*tpa=http://www.studioamati.it/img/butt_desc_s.gif*/; font-size:10px; text-align:center; top:16px; left:0px;}
div.button_container div.seldescr { position:absolute; width:67px; height:14px; background-image:none; font-size:10px; text-align:center; top:16px; left:0px;}
div.r1 { top:0px; }
div.r2 { top:16px; }
div.c0 { left:0px; }
div.c1 { left:68px; }
div.c2 { left:90px; }
div.c3 { left:112px; }
div.c4 { left:134px; }

#prgMask   { z-index:2; display:none; position:absolute; left:352px; width:468px; height:312px; background-color:#cbcbcb; Filter:alpha(Opacity=0); opacity:0; } 

#div_dyn_content2 { display:none; }
table.descrizione { border-collapse:collapse; width:468px; }
table.descrizione td { padding:0px; }
table.descrizione td.descr_testo { width:241px; font-size:10px; line-height:13px; vertical-align:top; color:#757575;}
table.descrizione td.descr_img { width:227px; }
#scrollDiv { position:absolute; z-index:2;top:81px; left:350px; width:215px;height:412px; clip:rect(0px 220px 312px 0px); }
#arrowUp { position:absolute; top:370px; left:578px; width:5px; height:5px; cursor:pointer;}
#arrowDown { position:absolute; top:385px; left:578px; width:5px; height:5px; cursor:pointer;} 


/* studio */
#leftDiv div.leftContent ul.submenu li { height:20px; line-height:20px;}
#leftDiv div.leftContent ul.submenu li a { font-weight:bold; color:#434343; font-size:10px;}
#leftDiv div.leftContent ul.submenu li.selected a { color:#8b8b8b; cursor:default;}
#leftDiv div.leftContent ul.submenu a:hover { color:#8b8b8b;}


table.studio { border-collapse:collapse; }
table.studio td { width:315px; padding:0px; font-size:10px; line-height:12px; vertical-align:top; }
table.studio div.par { width:305px; text-align:left; margin-bottom:15px;}
table.studio div.profilo { line-height:15px; }
table.studio div.par div.titpar { font-weight:bold; margin-bottom:5px;}
table.studio div.par2 div.titpar { font-weight:bold; margin-bottom:5px;}
table.studio div.par2 {width:300px; text-align:left; }
#imgProfilo { width:300px; height:169px; }
#imgServizi { width:300px; height:169px; margin-bottom:25px;}
table.studio div.par ul { margin:4px 0 0 0; padding:0 0 0 7px; list-style-type:none;}


table.profilo { border-collapse:collapse; }
table.profilo td { width:615px; padding:0px; font-size:10px; line-height:12px; vertical-align:top; }
table.profilo div.par { width:605px; text-align:left; margin-bottom:15px;}
table.profilo div.profilo { line-height:15px; }
table.profilo div.par div.titpar { font-weight:bold; margin-bottom:5px;}
table.profilo div.par2 div.titpar { font-weight:bold; margin-bottom:5px;}
table.profilo div.par2 {width:600px; text-align:left; }
#imgProfilo { width:600px; height:169px; }
#imgServizi { width:600px; height:169px; margin-bottom:25px;}
table.profilo div.par ul { margin:4px 0 0 0; padding:0 0 0 7px; list-style-type:none;}


/* il team */
table.ilteam { border-collapse:collapse; }
table.ilteam td { width:315px; padding:0px; font-size:10px; line-height:15px; vertical-align:top; }
table.ilteam div.par { width:305px; text-align:left; }
table.ilteam div.par2 { width:300px; text-align:left; }
table.ilteam div.par div.titpar { font-weight:bold; margin-bottom:5px;}
table.ilteam div.par2 div.titpar{ font-weight:bold; margin-bottom:5px;}
table.ilteam div.teamBlock { display:none; }
table.iconteam { border-collapse:collapse; margin-top:10px;}
table.iconteam td { padding:0 5px 0 0; width:56px; height:56px;}
table.iconteam td.last { padding:0px; }
img.iconTeam { margin:0px; cursor:pointer; width:56px; height:56px;}
#imgTeam { width:300px; height:169px; margin-bottom:15px;}


/* rassegna */
table.rassegna { border-collapse:collapse; margin-top:-2px;}
table.rassegna td { padding:0px; font-size:10px; vertical-align:top; }
table.rassegna td.c1 { width:362px; }
table.rassegna td div ul { padding:0px; margin:0px; width:350px; }
table.rassegna td div ul li { margin-bottom:10px; }
table.rassegna td div ul li a { color:#434343; font-weight:bold; line-height:15px; font-size:10px; text-decoration:none;}
table.rassegna td div ul li a:hover { text-decoration:underline; }
table.rassegna td div ul li a.selected { text-decoration:underline; }
#sel_pag { text-align:center; }
#sel_pag div { width:14px; height:20px; line-height:18px; text-align:center; color:#666666; font-weight:normal; cursor:pointer; background-image:url(../img/bott_pag_v.gif)/*tpa=http://www.studioamati.it/img/bott_pag_v.gif*/; margin:0 auto 8px auto; display:none;}
#sel_pag div.selected { text-align:center; background-image:none; margin:0 auto 8px auto; }
#img_pagina #img { width:226px; height:310px; border:1px solid #eee; }
#sel_pag #pdf { width:18px; margin:5px auto; background-image:none; display:block;}
#lista1 { display:none; }
#lista2 { display:none; }
#lista3 { display:none; }

div.lista_rassegna { display:block; width:350px; height:312px;}
/* position:absolute; z-index:2; top:81px; left:190px; width:350px;height:936px; clip:rect(0px 350px 312px 0px);} */
#arrowUpRass { display:none; position:absolute; top:345px; left:546px; width:13px; height:19px; cursor:pointer; padding:0px; }
#arrowUpRass img {width:7px; height:7px; margin:10px 3px 2px 3px;}
#arrowDownRass { display:none; position:absolute; top:385px; left:546px; width:13px; height:19px; cursor:pointer; padding:0px;} 
#arrowDownRass img {width:7px; height:7px; margin:2px 3px 10px 3px;}
#rassInfo { position:absolute; top:367px; left:545px; font-size:10px; color:#757575;}

/* cartella */
table.cartella { width:100%; height:100%; border-collapse:collapse;}
table.cartella td { padding:0px; vertical-align:top; font-size:10px; line-height:13px;}
table.cartella tr.testo td { padding-top:3px; }
table.cartella td a { font-weight:bold; color:#434343;}
table.cartella td.c1 { padding-right:10px; }
table.cartella td.c2 { padding:0px 10px; }
table.cartella td.c3 { padding-left:10px; }
table.cartella td img { width:196px; height:257px; }
/* cartella dettaglio */

table.cartellaDett { border-collapse:collapse; }
table.cartellaDett td { padding:0px; vertical-align:top; font-size:10px;}
table.cartellaDett td.testi { width:196px; }
table.cartellaDett td.c2 { padding-right:7px; }
table.cartellaDett td.c3 { padding-right:7px; }
table.cartellaDett td.r1 { padding-bottom:7px; }
table.cartellaDett td.r2 { padding-bottom:7px; }
table.cartellaDett td ul { margin:0px 0 3px 0; padding:0px; width:180px; line-height:16px;}
table.cartellaDett td div span { font-weight:bold; }
table.cartellaDett td ul li a { font-size:10px; color:#434343; }
table.cartellaDett td ul li a:hover { color:#8b8b8b; }
table.cartellaDett td img  { width:140px; height:91px; }

table.cartellaDett td div.title { width:180px; padding-bottom:7px; font-weight:bold; }
table.cartellaDett td div.title span { color:#757575; }
table.cartellaDett td div.subtitleN1 { margin:10px 0 3px 0; }
table.cartellaDett td div.subtitleN2 { float:left; margin:7px 7px 0 0; }

table.cartellaDett td div.imgSel { float:left; margin:7px 7px 0 0; width:58px; height:14px; background-image:url(../img/butt_58x14.gif)/*tpa=http://www.studioamati.it/img/butt_58x14.gif*/; text-align:center; line-height:14px; font-size:10px; cursor:pointer;}
table.cartellaDett td div.selected { float:left; margin:7px 7px 0 0; width:58px; height:14px; background-image:none; text-align:center; line-height:14px; font-size:10px; }

table.cartellaDett td div.buttVaiProg { width:100px; height:14px; background-image:url(../img/butt_100x14.gif)/*tpa=http://www.studioamati.it/img/butt_100x14.gif*/; text-align:center; line-height:14px; font-size:10px; margin:9px 0 0 0; padding:0px;}

#arrow_right { position:absolute; top:387px; left:807px; margin:0px; padding:0px; width:18px; height:18px; }
#arrow_right img { width:8px; height:8px; margin:5px 2px 5px 5px; }
#arrow_left { position:absolute; top:387px; left:790px; margin:0px; padding:0px; width:18px; height:18px;}
#arrow_left img { width:8px; height:8px; margin:5px 2px 5px 5px;}

/* login */
table.login td { font-size:10px; height:30px;}
table.login td.title { font-weight:bold; }
table.login td.label { font-size:10px; text-align:left; color:#757575;}
table.login td input { width:130px; border-width:1px; border-style:solid; border-color:#666 #666 #ccc #ccc; line-height:15px; height:15px; font-size:10px;}
table.login td.button input { font-size:10px; width:50px; height:17px; line-height:10px; font-weight:normal; background-color:white; border:1px solid #bababa; }


/* cronologia */
div.cron_indice { width:131px; margin:20px 0px 0px 1px; margin-top:20px; height:250px; }
div.cron_mid { margin-right:4px; margin-left:4px; }

div.cron_sel { float:left;background-image:url(../img/cronologia_s/icon_on.gif)/*tpa=http://www.studioamati.it/img/cronologia_s/icon_on.gif*/;width:41px;height:24px;line-height:20px;font-weight:bold;font-size:14px;text-align:center; margin-bottom:4px;color:#939393;}
div.cron_std { float:left;background-image:url(../img/cronologia_s/icon_menu_archivio.gif)/*tpa=http://www.studioamati.it/img/cronologia_s/icon_menu_archivio.gif*/;width:41px;height:24px;line-height:20px;font-weight:bold;font-size:14px;text-align:center; margin-bottom:4px; color:#939393;}

#leftDiv div div a.cron_ind { font-size:14px; display:none; color:#939393;}
#leftDiv div div.cron_sel a.cron_ind { font-size:14px; display:block; color:#939393;}

table.progettiCronologia { border-collapse:collapse; }
table.progettiCronologia tr td img { width:202px; height:114px; border:0px;}
table.progettiCronologia td { width:202px; vertical-align:top; padding:0 12px 6px 0; font-size:10px; line-height:13px;}
table.progettiCronologia td div.titolo { margin-top:2px; }
table.progettiCronologia td div.titolo span { font-weight:bold; }

#navPrj { position:absolute; top:358px; width:170px; left:0px; font-size:10px; }
#prevPrj { position:absolute; top:22px; left:20px;  background-image:url(../img/navcron_s.gif); width:61px; height:15px; line-height:15px; text-align:center; }
#navPrj #prevPrj a.prj { color:white; font-size:10px; text-transform:lowercase; }
#nextPrj { position:absolute; top:22px; left:90px; background-image:url(../img/navcron_s.gif); width:61px; height:15px; line-height:15px; text-align:center; }
#navPrj #nextPrj a.prj { color:white; font-size:10px; text-transform:lowercase; }
#infoPrj { position:absolute; top:0px; left:0px; width:170px; text-align:left; color:#939393; padding:0px 22px; }
div.p0 { display: none; }
div.p00 { display: none; }

