.clear{clear: both;}
.uppercase{text-transform: uppercase;}
* {
margin: 0px;
padding: 0px;}
a {
text-decoration: none;
border: none;
color: #000000;}
a:hover {
color: #818181;}
body {
font-family: Verdana, Arial,  Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 16px;}

h1 a {width:312px; height: 36px;
background-image: url(../images/logo.gif);
display: block;
overflow:hidden;
background-repeat: no-repeat;
text-indent: -99999px;}

#home  h1 a {
margin-top: 31px;
margin-left: 62px;
_margin-left: 32px;
float: left;}

#splash  h1 a {width:312px; height: 36px;
background-image: url(../images/logo-tranp.gif);
display: block;
overflow:hidden;
background-repeat: no-repeat;
text-indent: -99999px;
margin-left: 58px;
_margin-left: 28px;
float: left;
margin-top: 31px;}


h2{
font-family: Arial, Verdana,  Helvetica, sans-serif;
font-size: 16px;}
#splash{width: 895px; 
height: 504px;
margin-left: auto;
margin-right: auto;
background-color: #fcff07;
margin-top: 135px;}

#home {width: 895px;
height:504px;
margin-left: auto;
margin-right: auto;
margin-top: 135px;}
/*
#splash img {
padding-top: 110px;
float:left;
margin-left: 52px;
}
*/
#home img {padding-top: 110px;
float:left;
margin-left: 58px;
}
#page {width: 807px;
margin-left: auto;
margin-right: auto;}
#header
{width: 807px;
height:103px; 
}

#header h1 a {
float: left;
margin-top: 56px;}

/*----search form------*/

fieldset {border: none;}
#header form {float: right;
margin-top: 50px;
_margin-right: 22px;
}

input#cerca{width: 280px;float: left;
margin-top: 0px;
margin-right: 8px;
border: 1px #d9d9d9 solid;
	height: 15px;
	text-transform: uppercase;
	font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #868686;
	padding-left: 3px;
	padding-right: 3px;
}

input#invia{float: left;}
#navigation-splash{
width: 790px; height: 31px;
float:left;
background-color: #ffffff;
margin-left: 52px;
_margin-left: 26px;
margin-top: 16px;}

#navigation-splash ul {
margin-left: 635px;
_margin-left: 625px;
padding-top: 8px;}

#navigation-splash li {
display: inline;}

#navigation-splash a {width: 60px;
display: block;
background-image: url(../images/bullet-splash.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
float: left;
padding-left: 10px;
text-decoration: none;
text-transform: uppercase;
color: #818181;
font-size: 11px;
font-family: Arial, Verdana,  Helvetica, sans-serif;
margin-left: 5px;
letter-spacing: 1px;}

#navigation-splash a:hover {
color: #000000;}

/* @group Liste collassabili archivio */

#text ul.archivio-list {
	list-style-type:none;
	margin: 0;
	padding: 0;
/*MATTEOxGPZ*/
	/*float: left;*/
	/*width: 331px;*/
/*END*/
}

#text ul.archivio-list a {
	display: inline;
	padding: 0 0px;
	text-transform: uppercase;
	font: bold 10px Arial, Helvetica, sans-serif;
}

#text ul.archivio-list a:hover {
	color: #000;
}

#text ul.archivio-list h3 {
	margin: 0;
	width: 100%;
	padding-bottom: 5px;
/*	border-bottom: 1px solid #d9d9d9;*/
	padding-top: 5px;
	/*padding-left: 10px;*/
}
#text ul.archivio-list h3  a{
	font-weight: bold !important;
	margin-left: 0px;
}
#text ul.archivio-list h3:hover {
	background-color: #fcffa7;
}


/*-----frecce-----*/
#text ul.archivio-list h3.arrow-open {
	background-color: #fcff07;
	border-bottom-style: none;
background-image: url(../images/arrow-area-open-grey.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
float: left;
}

.arrow-close{
background-image: url(../images/arrow-area-close-grey.gif);
background-repeat: no-repeat;
float: left;
background-position: 5px 5px;}


#text ul.archivio-list li {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#text ul.archivio-list li ul {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#text ul.archivio-list li ul li {
	border-bottom: 1px solid #d9d9d9;
}

#text ul.archivio-list li ul li a {
	color: #505050;
}

#text ul.archivio-list li ul ul {
	margin-left: 20px;
	margin-bottom: 5px;
}

#text ul.archivio-list li ul ul li {
	border-bottom-style: none;
}

#text ul.archivio-list li ul ul li a {
	color: #818181;
}

#text ul.archivio-list li li {
/*background-image: url(../images/bullet.gif);*/
background-repeat: no-repeat;
background-position: 0 3px;
font-size: 9px;
color: #818181;
text-transform: uppercase;
word-spacing: 4px;
	width: auto;
	margin-bottom: 2px;
}



/* @end */

/* @group navigazione alfabetica */

#pagination-alphabetical {
margin-left: 22px;
margin-bottom: 15px;
	float: left;
	margin-top: 0;
}

#pagination-alphabetical li {
display: inline;
	margin: 0;
	padding: 0;
	line-height: 25px;
}

#pagination-alphabetical li a {
	font-size: 8px;
	padding: 5px !important;
	margin: 0;
	float: left;
	color: #a1a1a1;
	line-height: 12px !important;
}

#pagination-alphabetical li a:hover {
	color: #000;
	background-color: #fcff07;
}



/* @end */

/* @group Navigation */

#navigation{
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	width: 807px; height: 32px;
background-color: #ffffff;
border-top: 1px #d9d9d9 solid;
border-bottom: 1px #d9d9d9 solid;
	font-weight: bold;
	float: left;
}

#navigation.home {
	margin-left: 61px;
	_margin-left: 31px;
	width: 780px;
	margin-top: 30px;
	border-bottom: 1px none #d9d9d9;

}

#navigation.home ul {
	width: 586px;
}
#navigation a:hover{
color: #000000;}
#navigation a.active {color: #000000;}
#navigation ul li, p.submenu {
display: block;
float: left;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 12px;
font-size: 9px;
color: #818181;
text-transform: uppercase;
word-spacing: 4px;
	height: 32px;
	margin-right: 5px;
	width: auto;
}
p.submenu {
	float: none;
	word-spacing: 0;
	margin: 0px 0 0 4px;
}
#navigation ul li a{
color: #818181;
	height: 32px;
	line-height: 32px;
	display: inline;
	padding: 0 11px;
	font-weight: bold;
	float: left;
}

#navigation ul li li a:hover {
	background-color: #fcffa7;
}

#navigation ul li ul {
	background-color: #fcff07;
	width: 185px;
	height: auto;
	position: absolute;
	float: left;
	margin-top: 10px;
	padding: 5px 0;
}

#navigation ul li ul li {
	float: left;
	clear: left;
	color: #000;
	background-image: none;
	width: 185px;
	padding-right: 0;
	height: 20px;
	margin: 0;
}

#navigation ul li ul li a {
	color: #000;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 11px;
	margin: 0;
	float: none;
}

/* @group Jquery submenu */

.sfHover {
	background-color: #fcffa7;
	background-image: none;
}

/*** ESSENTIAL STYLES ***/
#navigation ul, #navigation ul * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#navigation ul {
	line-height:	1.0;
}
#navigation ul ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#navigation ul ul li {
}
#navigation ul li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#navigation ul li {
	float:			left;
	position:		relative;
}
#navigation ul a {
	display:		block;
	position:		relative;
}
#navigation ul li:hover ul,
#navigation ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul#navigation ul li:hover li ul,
ul#navigation ul li.sfHover li ul {
	top:			-999em;
}
ul#navigation ul li li:hover ul,
ul#navigation ul li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#navigation ul li li:hover li ul,
ul#navigation ul li li.sfHover li ul {
	top:			-999em;
}
ul#navigation ul li li li:hover ul,
ul#navigation ul li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
#navigation ul {
	width: 611px;
	float: right;
}
#navigation ul a {
	color: #818181;
	line-height: 32px;
}
#navigation ul a, #navigation ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
#navigation ul li {
}
#navigation ul li li {
}
#navigation ul li li li {
}
#navigation ul li:hover, #navigation ul li.sfHover,
#navigation ul a:focus, #navigation ul a:hover, #navigation ul a:active {
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#navigation ul ul .sf-sub-indicator { background-position:  -10px 0; }
#navigation ul ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#navigation ul ul a:focus > .sf-sub-indicator,
#navigation ul ul a:hover > .sf-sub-indicator,
#navigation ul ul a:active > .sf-sub-indicator,
#navigation ul ul li:hover > a > .sf-sub-indicator,
#navigation ul ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}




/* @end */



/* @end */

#content {width:807px;
padding-top: 30px;
float:left;
margin-bottom: 39px;}

#title {
width:165px;
float:left; }
#titlebox { 
float:left;

width:161px; 
height: 152px;
display: block;
background-color: #fcff07;
margin-left: 4px;
margin-bottom: 10px;}

/*ritoccato margin-left -10px*/

#titlebox h2
{font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
margin-left: 12px;
margin-right: 12px;
margin-top: 10px;
line-height: 19px;
text-align: right;
text-transform: uppercase;
word-spacing: 3px;}
#thumbs{width: 612px; float:left;
margin-top: 0;
	margin-left: 26px;
}

#thumbs ul {
	list-style-type: none;
	float: left;
}

#thumbs li {
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}

#thumbs li img {
	float: left;
	border-style: none;
}

#thumbs li a {
	margin: 0;
	padding: 0;
	border-style: none;
}

/*-------------tooltip-----------*/
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
	opacity: 0.85;}

#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 {color: #000000;
font-size: 11px;
font-family: Arial, Verdana,  Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;};
#tooltip .body {font-size: 10px;
font-family: Arial, Verdana,  Helvetica, sans-serif;}
#tooltip {
background-color: #ffffff;}

/*-----end----*/

#text.column{
width: 371px;
width: 452px;
float:left;
margin-top: 9px;}

#text.column.wide{width: 640px; float:left;
margin-top: 9px;}

#text.column.wide ul#pubblicazioni {
	float: left;
}

#text.column.wide ul#pubblicazioni li {
	list-style-type: none;
	margin-bottom: 20px;
	float: left;
/*MATTEOxGPZ*/
	width: 600px;
/*END*/
}

#text.column.wide ul#pubblicazioni li a img{
	border: none;
}

#text.column.wide ul#pubblicazioni li img {
	/*float: right;*/
	float: left;
	/*margin-left: 15px;*/
	margin: 0 10px 0 0;
}
#text.column p {
margin-left: 29px;
padding-bottom: 17px;
margin-right: 10px;}
#text.column h3 {margin-left: 29px;
font-family: Arial, Verdana,  Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;}
#text.column ul {margin-left: 29px;}
#text.column li{
list-style-type: square;}
/*#pics.column{width: 256px;float: left;}*/
#pics.column{width: 160px;float: right;}
#pics.column img{
/*margin-left: 42px;*/
float:left;
margin-bottom: 16px;
border: 0px #767676 solid;}

/* @group Gallery */

#gallery{width: 630px;
float:left;
	text-align: center;
}

#gallery img {
	border: 0px solid #818181;
}

#selected-image {
	
}
.info{
	text-align: center;
	margin: 0 0 20px 0;
}
#gallery p.info {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 11px;
}

#navigation-gallery{
float:left;
margin-left: 139px;
_margin-left: 67px;
	width: 348px;
	visibility: hidden;
	height: 1px;
	overflow: hidden;
}

.galleria{list-style:none;
	float: left;
	height: 78px;
	width: 1000px;
}
.galleria li{display:block;width: 75px;height: 75px;overflow:hidden;margin: 0 10px 10px 0;
	border: 1px solid #767676;
	float: left;
}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer;
}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;
}
.galleria li .caption{display:block;padding-top:.5em}



/* @end */


#current{width: 630px;
_width: 454px;
float: left;
margin-left: 91px;
_margin-left: 44px;
padding-bottom: 11px;}

a#next{width: 8px; height: 13px;
display: block;
/*background-image: url(../images/gallery/next.gif);*/
background-repeat: no-repeat;
overflow:hidden;
float: left;
text-indent: -99999px;
margin-top: 446px;
margin-left: 38px;}

#selected-image{float: left;
}
#selected-image img {border: 1px #767676 solid;
overflow: hidden;
}
a#prev{width: 8px; height: 13px;
display: block;
/*background-image: url(../images/gallery/prev.gif);*/
background-repeat: no-repeat;
overflow:hidden;
float: left;
text-indent: -99999px;
margin-top: 446px;
margin-right: 38px;}



#footer{width:807px;
height:57px;
margin-bottom: 30px;
text-align: center;
border-top: 1px #d9d9d9 solid;
float:left;}
#footer p {
margin-top: 19px;
font-size: 10px;}

/* @group descrizione opera */

.description h3 {
font-size: 13px;
text-transform: uppercase;
line-height: 16px;
padding-top:22px;
color: #000;
font-weight: bold;
	margin-bottom: 4px;
}

.description h4{
font-size: 11px;
line-height: 16px;
color: #818181;
	margin-bottom: 10px;
	font-style: italic;
	font-weight: normal;
}

.description h5{
font-size: 10px;
text-transform: uppercase;
	margin-bottom: 10px;
}

.description h5 a {
	color: #81818d;
}

.description h5 a:hover {
	color: #000;
}

.description #tags {
border-top: 1px solid #d9d9d9;
color: #818181;
padding-top: 11px;
}

.description #tags a {
font-size: 9px;
	color: #81818d;
	text-transform: uppercase;
}

.description #tags a:hover {
	color: #000;
}
.description p {
font-size: 10px;
line-height: 16px;}
.description p a{
margin-bottom: 5px;}
.description a {
color: #000000;}
.description a:hover {
color: #818181;}

.description  {
width:165px; 
float:left;
/*margin-top: 18px;*/
text-align: right;
font-size: 14px;
font-size: 12px;
font-family: Helvetica Neue, Helvetica, Arial,  sans-serif;
color: #818181;
}

.description div{
	margin: 0 0 12px 0;
}

.galleria-mostra{
	margin: 20px 0;
}

#pagination-alphabetical .actual{
	font-weight: bold;
	color: #000;
	font-size: larger;
}
/* @end */

.submenu{
	clear: both;
	margin: 10px 10px 10px 0;
}
.submenu a{
	display: block;
	/*text-align: right;*/
	font-weight: normal;
	/*text-decoration: underline;*/
	padding: 7px 0 0 10px;
}
.submenu a.selected{
	/*font-style: italic;*/
	font-weight: bold;
}
/*
p.title strong{
	text-decoration: underline;
}
*/
#pubblicazioni span.title{
	color: #ff0000;
}
p.biblio{
	margin-bottom: 0px;
}

div.floatspot{
	width: 33%;
	float: left;
}

div.notes{
	text-align: left;
	font-size: 11px;
}

/** GPZ **/
.news{
	margin: 0 0 20px 48px;
}
.news a, .news a:visited{
	color: #0000ff;
}
.news a:hover{
	text-decoration: underline;
}
.newstitle{
	float: left;
	font-weight: bold;
	font-size: 13px;
}

.newsdate{
	float: right;
	color: #cecece;
}

.newsintro{
	clear: both;
	border-top: 1px solid #c1c1c1;
	padding-top: 10px;
}
.newsintro p{
	margin: 0 10px !important;
}
.newsinfo{
	float: right;
	border: 1px solid #000000;
	padding: 5px;
}
.newsinfo p{
	background: #FCFF07;
	padding: 5px 15px;
	text-align: center;
	color: #000000;
	margin: 0 0 5px 0;
}

.newsitem ul{
	margin: 5px 0 5px 30px !important;
}

.newsitem li{
	list-style: disc !important;
	
}

#footer{
	margin-top: 20px;
}

.nav-prev{
	float: left;
	margin: 0 0 0 30px;
}
.nav-next{
	float: right;
	margin: 0 30px 0 0;
}

/** GPZ END **/