/* BASE */
html, body {height: 100%; margin:0; padding:0;}


/* ---------- SINISTRA ---------- */
#sfondo_sx {position:absolute; top:0; left:0; width:30%; height:100%; background:#b3c8e5;}
#cuscinetto_sx {visibility:hidden; width:100%; height:50%; margin-top:-280px; float:right;}
#box_sx {position:relative; width:100px; height:560px; margin:0px auto; clear:both; text-align:center; float:right; /*border:1px solid;*/}
/* ---------- SINISTRA ---------- */


/* ---------- DESTRA ---------- */
#sfondo_dx {position:relative; top:0; left:30%; width:70%; height:100%;}
#sfondo_dx.s00 {background:#e2e2e2;} 
#sfondo_dx.s01 {background:#ffebd7;} 
#sfondo_dx.s02 {background:#e8ffe8;} 
#sfondo_dx.s03 {background:#f0f0ff;} 
#sfondo_dx.s04 {background:#ffffd2;} 
#sfondo_dx.s05 {background:#ffe6e6;} 
#sfondo_dx.s06 {background:#ffffcc;}

#cuscinetto_dx {visibility:hidden; width:100%; height:50%; margin-top:-280px; float:left;}
#box_dx {position:relative; width:550px; height:560px; margin:0px auto; clear:both; float:left;}

#header {position:relative; width:530px; height:50px; padding:8px 0px 0px 20px; background:#bebebe;}
#header.h00 {background:#bebebe;} 
#header.h01 {background:#fdd1aa;} 
#header.h02 {background:#b3fdcb;} 
#header.h03 {background:#d3d1fa;} 
#header.h04 {background:#ffff9d;} 
#header.h05 {background:#ffb0c5;} 
#header.h06 {background:#e0e9be;}
#back {position:relative; top:32px; left:231px; text-align:left; color:#666;}

#menu_orizz {position:relative; width:555px; height:12px; padding:8px 0px; margin-left:-5px;}
#menu_orizz.studio {border-bottom:2px solid #bebebe;}
#menu_orizz.spaziurbani {border-bottom:2px solid #b3fdcb;}
#menu_orizz.progetti {border-bottom:2px solid #d3d1fa;}
#menu_orizz.design {border-bottom:2px solid #ffff9d;}
#menu_orizz.pubblicazioni {border-bottom:2px solid #e0e9be;}
#contenuto {position:relative; width:530px; height:500px; padding:20px 0px 0px 20px;}
#gallery {position:relative; width:530px; height:444px; margin-left:-9px; padding-top:6px;}
/* ---------- DESTRA ---------- */



/* ---------- TABELLE ---------- */
table {border:none; padding:0px; margin-left:-6px;}
td {width:125px; padding:0px 5px 15px; text-align:left; vertical-align:top;}
table img {border:none;}
#dida {padding:4px 0px; line-height:1.3;}
#fiori table {margin:0px 0px 10px -8px;}
#fiori td {width:50px; padding:2px;}
/* ---------- TABELLE ---------- */



/* ---------- TESTI ---------- */
/* TESTO BASE */
body {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; line-height:1.2; color:#111;}
p {margin:3px 0px 8px; padding:0px;}
/* LISTE */
ul {margin:0px; padding:0px;}
li {list-style:none; padding:0px;}
#box_sx li {margin:5px 0px 22px 0px; padding:0px;}
#menu_orizz li{display:inline; margin-left:26px; font-weight:bold; font-size:10px; line-height:1.2; text-transform:uppercase;}
#menu_orizz li.lower {text-transform:none; margin-left:6px;}
/* TITOLI */
h1 {font-size:16px; font-weight:normal; vertical-align:middle; padding:2px 20px 0px 0px; color:#666; float:right;}
h2 {font-size:12px; font-weight:bold; margin:-10px 0px 0px; padding:2px 0px 4px; color:#666;}
/* LINK */
a:link    {text-decoration:none; color:#111; border:none;}
a:visited {text-decoration:none; color:#111; border:none;}
a:hover   {text-decoration:none; color:#666; border:none;}
#red a:link, #red a:visited, #red a:hover {color:#FF0000; text-transform:uppercase;}
#menu_orizz a:link, #menu_orizz a:visited, #fiori a:link, #fiori a:visited, p a:link, p a:visited {border-bottom:1px solid;}
#menu_orizz a:hover, #fiori a:hover, p a:hover {border-bottom:none;}
#box_sx a {text-decoration:none;}
#box_sx, #menu_orizz {color:#666;}
/* ---------- TESTI ---------- */



/* SEPARATORE */
#sep {height:10px; margin:10px 0px 20px; border-bottom:1px dashed;}
/* PNG per IE */
img {behavior: url("img/pngbehavior.htc");}
/* SIMPLEVIEWER */
#flashcontent {height: 100%;}