/* REGOLAZIONI GENERALI */

body {font: 10px "Bitstream Vera Sans","Lucida Grande",  Verdana, Helvetica, sans-serif;	background-color: #fff;color: #222;}

a {text-decoration:none;color: #990000;}
a:visited {text-decoration:none;color: #990000;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4	{font-weight:normal;line-height:normal;font: 10px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;margin:0;padding:0;}

img {border:0px;}

/* LAYOUT */
div#page {position:absolute;top:50%;left:50%;width:810px;height:500px;margin:-245px 0 0 -400px;padding:0px;background-color:#fff;}

div#header  {height:40px;width:790px;margin: 0px 0 0 10px;vertical-align:bottom;border-bottom:1px solid #990000;clear:both;}
div#header h1 {height:40px;font-family: Georgia, "Times New Roman", Times, serif;font-size:38px;text-align: left;padding:0;font-weight:lighter;margin:0;font-variant:normal;color:#ccc;border-right:60px solid #fff;margin-right:-60px;float:left;width:730px;}
#home div#header h1, .studio div#header h1 {color:#222;} /* PER DIFFERENZIARE LE PAGINE CON IL LOGO SCURO */
div#header p {width:60px;float:left;margin:22px 0 0 0;padding:0;text-align:right;}
div#header p a {color:#000;font-size:12px;text-transform: uppercase;}

div#content {height:430px;width:790px;margin:0px 0px 0px 10px;clear:both;}

div#leftColumn {width:180px;padding:12px 8px 0 0;border-right:600px solid #fff;margin-right:-600px;float:left;height:408px;}
div#leftColumn_en {width:180px;padding:12px 8px 0 0;border-right:600px solid #fff;margin-right:-600px;float:left;height:408px;display: none;}
div#news {width:180px;padding:12px 8px 0 0;border-right:600px solid #fff;margin-right:-600px;float:left;height:408px;}
div#news .newsScroll {overflow: auto;height:385px;}
div#rightColumn {width:600px;float:left;padding-top:10px;}

div#pictureContainer {width:600px; height:370px; background-color:#fff; border:1px solid #ccc;}
div#homeContainer {width:600px; height:370px;}

div#pictureDida {width:450px; height:9px; margin: 4px 0px 4px 0px; text-transform: uppercase;}
div#thumbContainer {width:600px; height:23px; padding: 3px 0 3px 0;}
div#thumbContainer img {width:38px; height:23px; border: 1px solid #ccc ; padding: 0; margin: 0;}

div#HomeSelector {width:600px;  height:23px; padding: 3px 0 3px 0; text-transform: uppercase;  text-align: right; vertical-align: bottom;}
div#HomeSelector a {}
div#HomeSelector a.hover {color: #222; color: #990000;}

div#footer {border-top: 1px solid #990000;height:16px;width:790px;padding-top: 5px;margin: 0px 0 10px 10px; text-align: left;}
div#footer h1 {font-size:10px;padding: 0 1em 0 0 ;	font-weight: normal; margin: 0; text-transform:uppercase; display: inline;}
div#footer h2 {font-size:10px;padding: 0 0 0 1em;	font-weight: normal; margin: 0; text-transform:uppercase; display: inline;}

div#footer p {font-size:10px;padding: 0;	font-weight: normal; margin: 0; text-transform:uppercase;margin-top:-14px; text-align: right; }

/* HOMEPAGE - CLASSI SPECIFICHE */
div.prjRow {float:none;width:600px;clear:both; vertical-align: bottom;}

div.prjCell {background-color: #fafafa; margin: 1px 1px 1px 1px;height: 72px; width: 118px; float: left;}
div.prjCell a span {display: none;}
div.prjCell a {cursor:default;}
div.prjCell a:hover {text-decoration:none;}
div.prjCell a img {filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;}

div.prjCell a.active span {display: none;color:#000;text-transform:uppercase;text-decoration: none;}
div.prjCell a.active:hover {font-size: 99%;}
div.prjCell a.active:hover span {display: inline; position: absolute;margin-top: 70px; margin-left: -30px; width: 120px; padding-left: 4px;padding-top: 2px; z-index: 100; border-color:#554; border-style:solid; border-width:thin; background-color:#fff;}
div.prjCell a.active img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/* PEOPLE - CLASSI SPECIFICHE */
div.peoRow {float:none;width:600px;clear:both; vertical-align: bottom;}
div.peoCell {background-color: #fafafa; margin: 1px 1px 1px 1px;height: 59px; width: 98px; float: left;}

div.peoCell a.active span {display: none;color:#000;text-transform:uppercase;text-decoration: none;}
div.peoCell a.active:hover {font-size: 99%;}
div.peoCell a.active:hover span {display: inline; position: absolute;margin-top: 70px; margin-left: -30px; width: 120px; padding-left: 4px;padding-top: 2px; z-index: 100; border-color:#554; border-style:solid; border-width:thin; background-color:#fff;}

div.peoCell a.active img {filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;}
div.peoCell a.active:hover img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


/* LA PAGINA DI DETTAGLIO PROGETTO - CLASSI SPECIFICHE */


.lingua {border: 0px; Background: #fff; float:right; align:top; margin:0px; paddont:0px;text-decoration:none;color: #990000;}

.prj h1 {font-weight:bold; font-size:14px;margin:2px 0 5px 0;}
.prj h4 {font-weight:bold; font-size: 12px; line-height:12px; text-transform: uppercase;}
.prj h3 {font-style: italic; margin-bottom:3px;}
.prj h2 {margin-bottom:3px;}
.prj p {margin: 0 0 4px 0;}


#news h1 {font-weight:bold; font-size:14px;margin:2px 0 5px 0;}
#news h2 {margin-bottom:3px;}
#news h3 {font-style: italic; margin-bottom:-10px;}
#news h4 {font-weight:bold; font-size: 12px; line-height:12px; text-transform: uppercase;}
#news h5 {font-style: italic; font-weight:normal; margin: 0 0 0.2em 0;font-size: 10px; line-height:10px; }

#news p {margin: 0 0 1em 0;}

.ImgGrossa {border:1px solid #220;}
.Noi{font-size:12px}
div#Curriculum {font-size:12px;margin-top:12px;}

.typeSelector {display:inline; margin: 0 0 0 1em;}
.typeSelector a.on {font-weight: bold; color: #990000;}
.typeSelector a {font-weight: normal; color: #000000;}




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ddd;
}
.jScrollPaneDrag {
	position: absolute;
	background: #aaa;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}