@charset "utf-8";
@import url("css/ar_print.css") print;
@import url("css/ar_mob.css") handheld;

/* colori memo:     */
/* #069 blu link | # rosso hover | verde menu/titoli #990 | */
/*center the image for Internet Explorer */
body {
	text-align:center;
	color:#666;
	margin:0;
	padding:0;
	font: 76% tahoma, verdana, arial, sans-serif;
	line-height:1.5em;
	background: #EFEFEF url(imgs/hARinezumi055X25_g.png) no-repeat fixed right bottom;
}
#header {
	position:static;
	height:48px;
	width:600px;
	margin:0 auto;
	padding:1.5em 0 0 0;
	text-align:left;
}
#container {
	margin:30px auto 0 auto;
	position:relative;
	width:600px;
	text-align:left;
	background-color:#FFF;
}
.home #container {
	height:234px;
	background:transparent url(imgs/eyes.jpg) no-repeat;
}
.home .curtain {
	/*	position:fixed;*/
	width:600px;
	height:234px;
	background:transparent url(imgs/curtain_3px.png) repeat fixed;
}
#sidebar {
	position:fixed;
	/*left:0;
	top:1.5em;*/
	background-color:#FFF;
	width:10em;
	margin-left:-10em;
	z-index:-100;
	margin-right:none;
}
#sidebar ul { list-style:none; }
#sidebar a {
	display:block;
	width:100%;
}
#sidebar a:hover { background-color:#9F9; }
#content {
	width:600px;
	min-height:600px;
	margin-bottom:1.5em;
}
#footnotes { font-size:smaller }
#footnotes a { border-bottom-width:thin; }
h1 {
	font-size:1.4em;
	color: #990;
	margin:0;
}
h2 {
	font-size:1.2em;
	margin:0;
}
h3 {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size:1em;
	margin:1.5em 0 0 0;
	border-bottom:medium solid silver;
	letter-spacing: .02em;
}
h4 {
	font-size:.8em;
	margin:0;
	font-family: Gill Sans, Verdana;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight: lighter;
	color: #990;
}
p {
	line-height: 1.5em;
	text-align: justify;
	margin:0;
}
p+p { text-indent:1.5em; }
p+p:first-letter { font-weight:bold; }
p+img {margin-top:1.5em;}
/*#content img {}
#content img+p {text-indent:0;}*/
ul, li {
	margin:0;
	padding:0;
	list-style-position:inside;
}
acronym, abbr {
	cursor: help;
	margin-bottom:-1px;
	border-bottom:1px dotted #666
}
sup, sub { font-size:smaller }
blockquote { text-indent: -0.8em; }
a:link {
	text-decoration:none;
	color:#069;
	/*margin-bottom:1px;*/
	border-bottom:1px #069 solid;
	margin-bottom:0;
}
a:visited {
	text-decoration:none;
	color:#999;
	/*margin-bottom:1px;*/
	border-bottom:1px #069 solid;
	margin-bottom:0;
}
a:hover {
	border-bottom:medium #F00 solid;
	margin-bottom:0;
}
a[target="_blank"]:hover {
	color:#FFF;
	background-color:#999;
}
/****************** inizio navigazione *********************/
#nav {
	font-family:"Trebuchet MS", "Helvetica", Verdana, Arial, sans-serif;
	font-weight:400;
	list-style: none;
	margin:0;
	margin-bottom:.5em;
	padding:0;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
}
#nav li+li:before { content:"| " }
#nav a, #nav a:visited {
	color:#333;
	text-decoration:none;
	padding: 0 .25em;
	border:none;
}
#nav a:hover {
	color:#FFF;
	background-color:#990;
	text-decoration:none;
	border:none;
}
#nav a span { display:none }
#nav a:hover span {
	display:block;
	color:#000;
	position:absolute;
	left:-150px;
	width:100px;
	height:100px;
	border:1px solid black;
	background-color:#FFF;
	padding:6px;
	margin: 0;
}
/* #nav a:hover span.nya */
#nav  a.nya:hover  /*Not Yet Available*/ { background: none; color:#999;}
#nav  a.nya:hover span /*Not Yet Available*/ { background: url(imgs/NotYetAvailable.png) no-repeat #FFF; }
/* formattazione link correnti id= navCad navArch navDesign navWeb navCont*/
.contacts a#navCont, .contacts a#navCont:hover, .contacts a#navCont:focus, .architecture a#navArch, .architecture a#navArch:hover, .architecture a#navArch:focus, .cad a#navCad, .cad a#navCad:hover, .cad a#navCad:focus, .web a#navWeb, .web a#navWeb:hover, .web a#navWeb:focus {
	cursor: default;
	text-decoration:none;
	border:none;
	color:#990;
	background-color:transparent;
}
.cad a#navCad:hover span, .web a#navWeb:hover span, .architecture a#navArch:hover span, .contacts a#navCont:hover span { display:none; }
/* link di rinvio in cima pagina */

/************************** end navigazione ***************************/
a.toplink {
	display:block;
	position:fixed;
	bottom:2em;
	left:2em;
	border:none;
	padding:.1em;
}
a.toplink:hover {
	text-decoration:none;
	color:#FFF;
	background-color:#666;
}
#header a, #header a:visited, .home h1 {
	border:none;
	color: #990;
}
#header h1+h2 {
	margin:0 /*3em 0*/;
	line-height:.5em;
	color:#CCC;
}
/* sub contenitori */
.subcontent {
	margin:0;
	padding:0;
	clear:both;
}
/*p:lang(it)*/
.leftcol {
	width:290px;
	float:left;/****************************************/
}
/*p:lang(en)*/
.rightcol {
	width:295px;
	padding-left:7px;
	border-left:1px dotted #CCC;
	float:right;/****************************************/
}
/*	capolettera   */
.dropcap:first-letter {
	color:#999;
	font-size:3em;
	/*font-weight:bold;*/
	float:left;
	margin-top:.15em;
	margin-bottom:-.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding-right:.1em;
}
.date {
	font-family: Georgia, "Times New Roman", serif;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-align:right;
}
.caption {
	color: #76879b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin: 1em;
	font-size: smaller;
}
.date+p { text-indent:0 }
#footer {
	clear:both;
	/*	position:relative;*/
	width:600px;/*min-height:128px;*/
}
.home #footer {
	height:128px;
	background:transparent url(imgs/mouth.jpg) no-repeat 0px -1px;
}
/* formattazione tabelle */
table { }
table caption { text-align:left; }
#dwnldTable { border-collapse: collapse; }
tr/*riga*/ { }
th, td {
	vertical-align:top;
	text-align:left;
	margin:0;
	padding:0 1px 6px 1px;
	border-bottom: thin solid #000;
}
th/*cella d'intestazione*/ {
	font-weight:normal;
	font-style:italic;
	color: #FFF;
	background: #999;
}
td/*cella*/ { }
/*************************** form della mail ***********************************/
#mailform {
	text-align:center;
	padding-top:1.5em;
}
/*#mailform legend span:before { content: "ricci"; }
#mailform legend span:after { content: "q-e-d.it"; }*/
#mailform strong {
	color:#F00;
	font-weight:bolder;
}
fieldset {
	border:none;
	text-align:left;
	margin:0 auto;
	padding:0 1em;
	width:60%;
	padding:0 20%;
}
#mailform label, #mailform p.note {
	font-family:"Trebuchet MS", "Helvetica", Verdana, Arial, sans-serif;
	font-weight:400;
}
#mailform label span { display:none; }
#mailform label:hover span { display:inline; }
input, textarea, select {
	width:100%;
	border:none;
	background-color:#FAFAFA;
	clear:both;
	font-family:"Lucida Console", Monaco, monospace;
	font-size:12px;
	border-bottom:2px #999 solid;
}
select#subject option { white-space:pre; }
input.button {
	margin-top:1em;
	/*margin-bottom:1.5em;*/
	text-align:center;
	text-transform:uppercase;
}
input:focus, textarea:focus, select:focus {
	background:#FFF;
	border:none;
	border-bottom:2px #999 dotted;
}
input.button:hover {
	cursor: pointer;
	background:#666;
	color:#FFF;
	border-bottom:2px #FFF solid;
}
/*#mailform p.note {
	display:block;
	width:5em;
	float:right;
	line-height:normal;
	margin-top:-.5em;
}*/
#mailhelp {
	margin:0;
	padding:0;
	width:100%;
	line-height:1.2em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
}
/*************************** END form della mail ***********************************/
#magic1:before { content: "ricci"; }
#magic1:after { content: "q-e-d.it"; }
.magic1:before { content: "ricci"; }
.magic1:after { content: "q-e-d.it"; }
/*## elementi creati da MailForm.cgi ###*/
.cgioutput { } /*body style*/
.cgioutput h1 { font-size:large; }
/* ############ pulsante history-indietro ###########à */
.cgioutput #footer { padding-top:1em; }
#backlink, #backlink:link, #backlink:visited {
	text-align:center;
	font-size:larger;
	font-weight:bold;
	background: #CCC;
	display: block;
	width:4em;
	margin:auto;
	padding: .2em .5em .5em .2em;
	border: thin solid #000;
}
#backlink:hover {
	background-color:#333;
	padding: .3em .4em .4em .3em;
	color:#FFF;
}
.footnote {
	font-size:xx-small;
	text-align:left;
}

